@font-face {
    font-family: 'teams';
    src: url(require('fonts/teams.eot?zando15'));
    src: url(require('fonts/teams.eot?zando15#iefix')) format('embedded-opentype'),url(require('fonts/teams.ttf?zando15')) format('truetype'),url(require('fonts/teams.woff?zando15')) format('woff'),url(require('fonts/teams.svg?zando15#teams')) format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="icon-"],[class*=" icon-"] {
    font-family: 'teams'!important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-search-minus:before {
    content: "\e951"
}

.icon-relevance:before {
    content: "\e943";
    color: #666
}

.icon-title-bar:before {
    content: "\e932"
}

.icon-bottom-bar:before {
    content: "\e933"
}

.icon-textarea:before {
    content: "\e934"
}

.icon-button:before {
    content: "\e935"
}

.icon-one-finger-click:before {
    content: "\e917"
}

.icon-search-plus:before {
    content: "\e910"
}

.icon-calendar:before {
    content: "\e927"
}

.icon-phone3:before {
    content: "\e924"
}

.icon-pen:before {
    content: "\e926"
}

.icon-news:before {
    content: "\e946"
}

.icon-application:before {
    content: "\e947"
}

.icon-mail-list:before {
    content: "\e948"
}

.icon-portrait:before {
    content: "\e94a"
}

.icon-home-setting:before {
    content: "\e944"
}

.icon-center-alignment:before {
    content: "\e936"
}

.icon-up-alignment:before {
    content: "\e937"
}

.icon-down-alignment:before {
    content: "\e938"
}

.icon-left-alignment:before {
    content: "\e939"
}

.icon-middle-alignment:before {
    content: "\e93a"
}

.icon-right-alignment:before {
    content: "\e93b"
}

.icon-loop-alt3:before {
    content: "\e91c"
}

.icon-transfer:before {
    content: "\e904"
}

.icon-read-more:before {
    content: "\e913"
}

.icon-bars-alt:before {
    content: "\e92c"
}

.icon-clippy:before {
    content: "\f035"
}

.icon-database2:before {
    content: "\f096"
}

.icon-git-commit:before {
    content: "\f01f"
}

.icon-git-compare:before {
    content: "\f0ac"
}

.icon-issue-opened:before {
    content: "\f026"
}

.icon-jump-left:before {
    content: "\f0a5"
}

.icon-jump-right:before {
    content: "\f0a6"
}

.icon-triangle-left:before {
    content: "\f044"
}

.icon-triangle-right:before {
    content: "\f05a"
}

.icon-crop:before {
    content: "\e90c"
}

.icon-pin:before {
    content: "\e68b"
}

.icon-dollar:before {
    content: "\e68c"
}

.icon-pilcrow:before {
    content: "\e68e"
}

.icon-backdate:before {
    content: "\e669"
}

.icon-stack1:before {
    content: "\e66a"
}

.icon-stack3:before {
    content: "\e66b"
}

.icon-stack2:before {
    content: "\e66c"
}

.icon-uniF7EB:before {
    content: "\e68f"
}

.icon-box:before {
    content: "\e66d"
}

.icon-uniF5B1:before {
    content: "\e905"
}

.icon-uniF5CC:before {
    content: "\e6a4"
}

.icon-uniF4D0:before {
    content: "\e690"
}

.icon-uniF579:before {
    content: "\e92a"
}

.icon-reliability:before {
    content: "\e692"
}

.icon-security:before {
    content: "\e921"
}

.icon-plugin:before {
    content: "\e66f"
}

.icon-topology:before {
    content: "\e66e"
}

.icon-flowchart:before {
    content: "\e670"
}

.icon-tree:before {
    content: "\e671"
}

.icon-sharedfile:before {
    content: "\e906"
}

.icon-phone:before {
    content: "\e693"
}

.icon-bucket:before {
    content: "\e94f"
}

.icon-layers:before {
    content: "\e673"
}

.icon-shapes:before {
    content: "\e674"
}

.icon-place:before {
    content: "\e694"
}

.icon-qrcode:before {
    content: "\e925"
}

.icon-paperairplane:before {
    content: "\e675"
}

.icon-at:before {
    content: "\e6a8"
}

.icon-image:before {
    content: "\e695"
}

.icon-image2:before {
    content: "\e63c"
}

.icon-images:before {
    content: "\e63d"
}

.icon-stack:before {
    content: "\e666"
}

.icon-cart:before {
    content: "\e68a"
}

.icon-address-book:before {
    content: "\e63e"
}

.icon-history:before {
    content: "\e65b"
}

.icon-alarm:before {
    content: "\e63f"
}

.icon-stopwatch:before {
    content: "\e657"
}

.icon-calendar-end:before {
    content: "\e640"
}

.icon-download:before {
    content: "\e902"
}

.icon-upload:before {
    content: "\e903"
}

.icon-reply2:before {
    content: "\e901"
}

.icon-user2:before {
    content: "\e907"
}

.icon-spinner2:before {
    content: "\e62d"
}

.icon-expand:before {
    content: "\e6b0"
}

.icon-contract:before {
    content: "\e6b1"
}

.icon-settings:before {
    content: "\e650"
}

.icon-hammer:before {
    content: "\e6af"
}

.icon-stats:before {
    content: "\e641"
}

.icon-bars:before {
    content: "\e90d"
}

.icon-bars2:before {
    content: "\e90e"
}

.icon-target:before {
    content: "\e908"
}

.icon-signup:before {
    content: "\e658"
}

.icon-tree2:before {
    content: "\e687"
}

.icon-globe:before {
    content: "\e659"
}

.icon-earth:before {
    content: "\e696"
}

.icon-link:before {
    content: "\e697"
}

.icon-attachment:before {
    content: "\e651"
}

.icon-eye:before {
    content: "\e909"
}

.icon-eye-blocked:before {
    content: "\e918"
}

.icon-favourite:before {
    content: "\e65a"
}

.icon-thumbs-up:before {
    content: "\e655"
}

.icon-thumbs-down:before {
    content: "\e656"
}

.icon-smiley:before {
    content: "\e900"
}

.icon-checkmark:before {
    content: "\e652"
}

.icon-checkmark2:before {
    content: "\e653"
}

.icon-play:before {
    content: "\e92f"
}

.icon-arrow-up:before {
    content: "\e643"
}

.icon-arrow-right2:before {
    content: "\e642"
}

.icon-arrow-down:before {
    content: "\e644"
}

.icon-arrow-left2:before {
    content: "\e645"
}

.icon-checkbox-checked2:before {
    content: "\e646"
}

.icon-checkbox-unchecked:before {
    content: "\e647"
}

.icon-checkbox-partial:before {
    content: "\e648"
}

.icon-radio-checked:before {
    content: "\e6a6"
}

.icon-radio-unchecked:before {
    content: "\e916"
}

.icon-bold:before {
    content: "\e93c"
}

.icon-underline:before {
    content: "\e93d"
}

.icon-italic:before {
    content: "\e93e"
}

.icon-strikethrough:before {
    content: "\e93f"
}

.icon-table:before {
    content: "\e698"
}

.icon-table2:before {
    content: "\e699"
}

.icon-insert-template:before {
    content: "\e682"
}

.icon-paragraph-justify:before {
    content: "\e69a"
}

.icon-share2:before {
    content: "\e654"
}

.icon-libreoffice:before {
    content: "\e64f"
}

.icon-file-pdf:before {
    content: "\e649"
}

.icon-file-openoffice:before {
    content: "\e64a"
}

.icon-file-word:before {
    content: "\e64b"
}

.icon-file-excel:before {
    content: "\e64c"
}

.icon-file-zip:before {
    content: "\e64d"
}

.icon-file-powerpoint:before {
    content: "\e64e"
}

.icon-video-camera:before {
    content: "\e953"
}

.icon-make-group:before {
    content: "\ea58"
}

.icon-box-remove:before {
    content: "\e95f"
}

.icon-cogs:before {
    content: "\e995"
}

.icon-paste:before {
    content: "\e92d"
}

.icon-compass:before {
    content: "\e949"
}

.icon-battery-full:before {
    content: "\e92b"
}

.icon-flow-children:before {
    content: "\e6b2"
}

.icon-chart-pie:before {
    content: "\e678"
}

.icon-pin2:before {
    content: "\e91f"
}

.icon-sort-numerically:before {
    content: "\e63b"
}

.icon-flow-or:before {
    content: "\e6b3"
}

.icon-align-center:before {
    content: "\e940"
}

.icon-align-left:before {
    content: "\e941"
}

.icon-align-right:before {
    content: "\e942"
}

.icon-plus2:before {
    content: "\e945"
}

.icon-search2:before {
    content: "\e92e"
}

.icon-link3:before {
    content: "\e005"
}

.icon-stack-2:before {
    content: "\e033"
}

.icon-circle-plus:before {
    content: "\e040"
}

.icon-circle-minus:before {
    content: "\e041"
}

.icon-columns2:before {
    content: "\e104"
}

.icon-minus:before {
    content: "\e115"
}

.icon-cross:before {
    content: "\e117"
}

.icon-border_all:before {
    content: "\e228"
}

.icon-border_bottom:before {
    content: "\e229"
}

.icon-border_clear:before {
    content: "\e22a"
}

.icon-border_left:before {
    content: "\e22e"
}

.icon-border_right:before {
    content: "\e230"
}

.icon-border_top:before {
    content: "\e232"
}

.icon-photo_camera:before {
    content: "\e412"
}

.icon-dns:before {
    content: "\e875"
}

.icon-featured_play_list:before {
    content: "\e06d"
}

.icon-people:before {
    content: "\e7fb"
}

.icon-laptop_mac:before {
    content: "\e320"
}

.icon-layers_clear:before {
    content: "\e53c"
}

.icon-menu:before {
    content: "\e5d2"
}

.icon-playlist_add_check:before {
    content: "\e065"
}

.icon-receipt:before {
    content: "\e8b0"
}

.icon-repeat:before {
    content: "\e042"
}

.icon-reply_all:before {
    content: "\e15f"
}

.icon-restore_page:before {
    content: "\e929"
}

.icon-touch_app:before {
    content: "\e91e"
}

.icon-update:before {
    content: "\e923"
}

.icon-type:before {
    content: "\e691"
}

.icon-file-settings:before {
    content: "\e922"
}

.icon-align-justify:before {
    content: "\e94b"
}

.icon-folder-add:before {
    content: "\e6ae"
}

.icon-list2:before {
    content: "\e912"
}

.icon-checkbox-checked:before {
    content: "\e6a9"
}

.icon-chat-3:before {
    content: "\e6ac"
}

.icon-cloud:before {
    content: "\e6aa"
}

.icon-text-height:before {
    content: "\f034"
}

.icon-text-width:before {
    content: "\f036"
}

.icon-search:before {
    content: "\e600"
}

.icon-envelope:before {
    content: "\e601"
}

.icon-heart:before {
    content: "\e602"
}

.icon-star:before {
    content: "\e603"
}

.icon-star-empty:before {
    content: "\e604"
}

.icon-user:before {
    content: "\e605"
}

.icon-th-large:before {
    content: "\e606"
}

.icon-th:before {
    content: "\e607"
}

.icon-th-list:before {
    content: "\e608"
}

.icon-ok:before {
    content: "\e609"
}

.icon-remove:before {
    content: "\e60a"
}

.icon-cog:before {
    content: "\e60b"
}

.icon-trash:before {
    content: "\e60c"
}

.icon-home:before {
    content: "\e60d"
}

.icon-time:before {
    content: "\e60e"
}

.icon-download-alt:before {
    content: "\e60f"
}

.icon-refresh:before {
    content: "\e686"
}

.icon-list-alt:before {
    content: "\e911"
}

.icon-lock:before {
    content: "\e6a5"
}

.icon-tag:before {
    content: "\e610"
}

.icon-tags:before {
    content: "\e611"
}

.icon-print:before {
    content: "\e6ad"
}

.icon-font:before {
    content: "\e6a7"
}

.icon-list:before {
    content: "\e612"
}

.icon-picture:before {
    content: "\e67a"
}

.icon-pencil:before {
    content: "\e613"
}

.icon-map-marker:before {
    content: "\e614"
}

.icon-edit:before {
    content: "\e615"
}

.icon-share:before {
    content: "\e616"
}

.icon-check:before {
    content: "\e617"
}

.icon-move:before {
    content: "\e683"
}

.icon-step-backward:before {
    content: "\e67d"
}

.icon-step-forward:before {
    content: "\e67e"
}

.icon-chevron-left:before {
    content: "\e67c"
}

.icon-chevron-right:before {
    content: "\e618"
}

.icon-plus-sign:before {
    content: "\e67f"
}

.icon-minus-sign:before {
    content: "\e680"
}

.icon-remove-sign:before {
    content: "\e681"
}

.icon-ok-sign:before {
    content: "\e619"
}

.icon-info-sign:before {
    content: "\e61a"
}

.icon-arrow-left:before {
    content: "\e61b"
}

.icon-arrow-right:before {
    content: "\e61c"
}

.icon-plus:before {
    content: "\e61d"
}

.icon-minus2:before {
    content: "\e61e"
}

.icon-exclamation-sign:before {
    content: "\e61f"
}

.icon-warning-sign:before {
    content: "\e620"
}

.icon-calendar2:before {
    content: "\e621"
}

.icon-comment:before {
    content: "\e622"
}

.icon-chevron-down:before {
    content: "\e623"
}

.icon-cogs2:before {
    content: "\e624"
}

.icon-comments:before {
    content: "\e625"
}

.icon-heart-empty:before {
    content: "\e627"
}

.icon-signout:before {
    content: "\e628"
}

.icon-upload-alt:before {
    content: "\e626"
}

.icon-check-empty:before {
    content: "\e629"
}

.icon-bell:before {
    content: "\e62a"
}

.icon-wrench:before {
    content: "\e62b"
}

.icon-tasks:before {
    content: "\e62c"
}

.icon-group:before {
    content: "\e6b4"
}

.icon-link2:before {
    content: "\e62e"
}

.icon-paperclip:before {
    content: "\e67b"
}

.icon-save:before {
    content: "\e679"
}

.icon-reorder:before {
    content: "\e62f"
}

.icon-list-ul:before {
    content: "\e630"
}

.icon-list-ol:before {
    content: "\e915"
}

.icon-magic:before {
    content: "\e631"
}

.icon-caret-down:before {
    content: "\e632"
}

.icon-caret-right:before {
    content: "\e633"
}

.icon-columns:before {
    content: "\e689"
}

.icon-envelope-alt:before {
    content: "\e634"
}

.icon-undo:before {
    content: "\e684"
}

.icon-comment-alt:before {
    content: "\e635"
}

.icon-comments-alt:before {
    content: "\e636"
}

.icon-sitemap:before {
    content: "\e65c"
}

.icon-bell-alt:before {
    content: "\e65d"
}

.icon-building:before {
    content: "\e69b"
}

.icon-angle-left:before {
    content: "\e65e"
}

.icon-angle-right:before {
    content: "\e65f"
}

.icon-angle-up:before {
    content: "\e660"
}

.icon-angle-down:before {
    content: "\e661"
}

.icon-spinner:before {
    content: "\e662"
}

.icon-reply:before {
    content: "\e663"
}

.icon-code-fork:before {
    content: "\e664"
}

.icon-info:before {
    content: "\e676"
}

.icon-puzzle:before {
    content: "\e665"
}

.icon-microphone:before {
    content: "\e667"
}

.icon-calendar-empty:before {
    content: "\e677"
}

.icon-unlock-alt:before {
    content: "\e6ab"
}

.icon-server:before {
    content: "\e914"
}

.icon-add-to-list:before {
    content: "\e90f"
}

.icon-browser:before {
    content: "\e94c"
}

.icon-ccw:before {
    content: "\e919"
}

.icon-code:before {
    content: "\e94d"
}

.icon-cw:before {
    content: "\e91a"
}

.icon-image3:before {
    content: "\e90a"
}

.icon-images2:before {
    content: "\e90b"
}

.icon-pie-chart:before {
    content: "\e94e"
}

.icon-scissors:before {
    content: "\e928"
}

.icon-soundcloud:before {
    content: "\e91d"
}

.icon-phone2:before {
    content: "\e69c"
}

.icon-mobile:before {
    content: "\e69d"
}

.icon-mail:before {
    content: "\e69e"
}

.icon-paperclip2:before {
    content: "\e69f"
}

.icon-users:before {
    content: "\e688"
}

.icon-user-add:before {
    content: "\e6a0"
}

.icon-vcard:before {
    content: "\e950"
}

.icon-star2:before {
    content: "\e6a1"
}

.icon-gear:before {
    content: "\e637"
}

.icon-calendar3:before {
    content: "\e6a2"
}

.icon-network:before {
    content: "\e63a"
}

.icon-earth2:before {
    content: "\e6a3"
}

.icon-database:before {
    content: "\e68d"
}

.icon-signal2:before {
    content: "\e930"
}

.icon-bars3:before {
    content: "\e931"
}

.icon-logout:before {
    content: "\e639"
}

.icon-minus-thin:before {
    content: "\e668"
}

.icon-plus-thin:before {
    content: "\e672"
}

.icon-help:before {
    content: "\e638"
}

.icon-arrow:before {
    content: "\e920"
}

.icon-stop:before {
    content: "\e952"
}

.icon-ellipsis:before {
    content: "\e685"
}

.icon-map-marker2:before {
    content: "\e91b"
}

.icon-calendar:before {
    content: "\e621"
}

.icon-finished:before {
    content: "\e617"
}

.icon-todo:before {
    content: "\e629"
}

.icon-preview:before {
    content: "\e6ac"
}

.icon-checkbox-unchecked {
    font-size: 13px
}

@charset "utf-8";.i-side-col.nodata .no-result {
    display: block!important
}

.i-side-col.nodata .e-list>li:not(.notask),.i-side-col.nodata .i-goal-list dl {
    display: none!important
}

.i-side-col.nodata .e-list>li:before,.i-side-col.nodata .e-list>li:after {
    opacity: 0
}

.i-side-col.nodata .i-tile {
    display: none
}

.i-dynamic-card .card-detail:before,.i-dynamic-card .card-detail:after,.channel-hd:before,.channel-hd:after,.side-fore:before,.side-fore:after {
    display: table;
    content: " "
}

.i-dynamic-card .card-detail:after,.channel-hd:after,.side-fore:after {
    clear: both
}

.i-view:after {
    content: url(/static/img/global/loading_dynamic.gif);
    display: none
}

.i-container {
    overflow-x: auto;
    overflow-y: hidden
}

.i-view {
    padding: 20px 0 0 20px;
    min-width: 1140px;
    -webkit-transition: margin .2s linear;
    -moz-transition: margin .2s linear;
    -ms-transition: margin .2s linear;
    transition: margin .2s linear
}

.i-content {
    display: table;
    width: 100%;
    table-layout: fixed;
    min-width: 1120px
}

.i-main-col,.i-side-col {
    display: table-cell;
    vertical-align: top
}

.i-side-col {
    width: 350px
}

.i-side-col-inner {
    padding: 0 20px
}

.i-communicate {
    background: #f5f5f5;
    border: 1px solid #e1e1e1;
    border-bottom: 0
}

.i-communicate-main {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px
}

.i-communicate-side {
    position: relative;
    width: 186px;
    border-right: 1px solid #eaeaea;
    z-index: 1
}

@media(max-width: 1200px) {
    .i-communicate-side {
        width:196px
    }
}

@media(min-width: 1200px) {
    .i-side-col {
        width:400px
    }

    .i-communicate-side {
        width: 250px
    }
}

.i-timer {
    height: 50px;
    line-height: 20px;
    position: relative;
    padding: 6px 18px 0;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 3px 0 0 3px
}

.i-timer .hour {
    font-weight: bold;
    font-size: 16px;
    color: #666;
    line-height: 20px
}

.i-timer .date {
    font-style: italic;
    font-size: 12px;
    line-height: 16px;
    color: #999
}

.i-timer .checkin-btn {
    width: 56px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: -1px;
    right: -1px;
    background: #2dc3e8;
    color: #fff;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    border-radius: 0 3px 3px 0
}

.i-timer .checkin-btn.disabled {
    background-color: #ddd;
    pointer-events: none;
    cursor: not-allowed
}

.i-timer .checkin-btn:hover {
    background: #14b4dc
}

.i-timer .checkin-btn:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.i-dynamic-checkall {
    display: block;
    line-height: 48px;
    padding-left: 20px;
    color: #666;
    position: relative;
    background-color: #fff;
    font-weight: bold;
    margin: 18px 0;
    cursor: pointer;
    border: 1px solid #eaeaea;
    border-width: 1px 0;
    -webkit-transition: border-color .15s linear,background-color .15s linear,color .15s linear;
    -moz-transition: border-color .15s linear,background-color .15s linear,color .15s linear;
    -o-transition: border-color .15s linear,background-color .15s linear,color .15s linear;
    transition: border-color .15s linear,background-color .15s linear,color .15s linear
}

.i-dynamic-checkall:hover,.i-dynamic-checkall.active {
    background-color: #f7f7f7
}

.i-dynamic-checkall:hover,.i-dynamic-checkall.active {
    color: #2dc3e8
}

.i-dynamic-checkall.active:before,.i-member-list .list-item.active:before {
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 5px;
    bottom: -1px;
    background: #2dc3e8
}

.i-communicate-side .i-checkall-mt {
    margin-top: 18px
}

.i-communicate-holder {
    height: 1500px;
    margin: 150px 20px 0
}

.i-communicate-holder .icon {
    height: 141px;
    width: 146px;
    background: url(/static/img/global/communiate_holder.png);
    margin: 0 auto 20px
}

.i-communicate-holder .text {
    text-align: center;
    font-size: 12px;
    line-height: 18px
}

.notice-overlayer {
    position: absolute;
    left: 20px;
    right: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    z-index: 1000
}

.i-message-channel .channel-hd .brand {
    height: 34px;
    width: 34px;
    position: absolute;
    left: 11px;
    top: 7px
}

.i-message-channel .channel-hd .brand {
    left: 18px;
    top: 11px
}

.i-communicate-main-tab {
    border-top: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    height: 50px;
    background-color: #fefefe;
    cursor: default!important
}

.i-communicate-main-tab .i-box-nav>li a.active {
    color: #2dc3e8
}

.i-communicate-main .channel-hd {
    border-bottom: 1px solid #eaeaea;
    padding-left: 20px;
    position: relative;
    z-index: 30
}

.i-communicate-main .channel-hd .cover {
    position: absolute;
    left: 18px;
    top: 11px
}

.i-communicate-main .channel-hd .cover img {
    height: 35px;
    width: 35px;
    border-radius: 50%
}

.i-communicate-main .channel-hd .title {
    height: 24px;
    line-height: 27px;
    font-weight: bold;
    margin-right: 50%;
    margin-top: 7px;
    display: block;
    font-size: 15px
}

.i-communicate-main .channel-hd .nav {
    margin-left: -19px;
    height: 28px;
    overflow: hidden
}

.i-communicate-main .channel-hd .nav.hide {
    display: none
}

.i-communicate-main .channel-hd .nav>li {
    float: left;
    margin: 0 14px;
    white-space: nowrap
}

.i-communicate-main .nav-wrap {
    margin: 20px 310px 0 0;
    positon: relative
}

@media(max-width: 1050px) {
    .i-communicate-main .channel-hd .nav>li {
        margin:0 4px
    }

    .i-communicate-main .im-communicate-panel .nav-wrap {
        margin: 20px 295px 0 0
    }
}

.i-communicate-main .channel-hd .nav-wrap .nav {
    margin-right: 60px
}

.i-communicate-main .channel-hd .nav-wrap .nav-child {
    margin-left: -60px
}

.i-communicate-main .channel-hd .nav>li>a,.i-communicate-main .channel-hd .nav-child>li>a {
    padding: 3px 5px 0;
    display: block;
    height: 28px;
    line-height: 18px;
    color: #666;
    text-decoration: none;
    border-bottom: 3px solid transparent
}

.i-communicate-main .channel-hd .nav>li>a:hover,.i-communicate-main .channel-hd .nav>li.active>a,.i-communicate-main .channel-hd .nav-child>li>a:hover,.i-communicate-main .channel-hd .nav-child>li.active>a {
    color: #2dc3e8;
    font-weight: bold
}

.i-communicate-main .channel-hd .nav>li.active>a {
    border-color: #2dc3e8
}

.i-communicate-main .channel-hd .toollist-box {
    position: absolute;
    right: 10px
}

.i-communicate-main .channel-hd .toollist-box {
    top: 10px
}

@media(max-width: 1200px) {
    .i-communicate-main .nav-wrap {
        margin-right:0
    }

    .i-communicate-main .dyna-hd .toollist-box,.i-communicate-main .message-hd .toollist-box {
        position: absolute;
        border-bottom: 1px solid #eaeaea;
        width: 100%;
        right: 0;
        top: 70px;
        height: 40px;
        display: block;
        padding: 0 10px 0 0
    }

    .i-communicate-main .dyna-hd .toollist-box>.toolkit-list,.i-communicate-main .message-hd .toollist-box>.toolkit-list {
        float: right
    }

    .i-communicate-main .dyna-hd,.i-communicate-main .message-hd {
        margin-bottom: 50px
    }

    .i-communicate-main .share-hd .toollist-box {
        position: absolute;
        border-bottom: 1px solid #eaeaea;
        width: 100%;
        right: 0;
        top: 70px;
        height: 40px;
        display: block;
        padding: 0 10px 0 0
    }

    .i-communicate-main .share-hd .toollist-box>.toolkit-list {
        float: right
    }

    .i-communicate-main .share-hd {
        margin-bottom: 50px
    }
}

.i-message-channel {
    position: relative
}

.i-communicate-main .teamwork-list .input-group>input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.i-communicate-main .teamwork-list .input-group-btn>a {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin: 0 0 0 -1px
}

.i-communicate-main .teamwork-list .input-group-btn>a>i {
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease
}

.i-communicate-main .teamwork-list .dropdown.open .input-group-btn i {
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.i-communicate-main .teamwork-list .other-department {
    position: relative
}

.i-communicate-main .teamwork-list .owner-sub {
    position: absolute;
    border: 1px solid #eaeaea;
    border-radius: 0 3px 3px 3px;
    left: 90%;
    display: none;
    overflow: hidden;
    top: 0;
    opacity: 0;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.i-communicate-main .teamwork-list .dropdown-menu>li:not(:last-child) .menu-child {
    border-bottom: 1px solid #e5e5e5
}

.i-communicate-main .menu-child>li>a {
    display: block;
    padding: 5px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    font-size: 14px
}

.i-communicate-main .menu-child>li>a:hover,.i-communicate-main .menu-child>li>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #2dc3e8
}

.i-communicate-main .menu-child>.active>a,.i-communicate-main .menu-child>.active>a:hover,.i-communicate-main .menu-child>.active>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #2dc3e8;
    outline: 0
}

.i-communicate-main .teamwork-list .other-department:hover .owner-sub {
    display: block;
    overflow: hidden;
    top: 0;
    opacity: 1;
    left: 100%
}

.i-communicate-main .suggestion-widget .suggestion-input {
    overflow: hidden
}

.i-dynamic-loading {
    padding: 5px 10px;
    text-align: center;
    line-height: 40px;
    color: #666;
    display: block;
    border-radius: 3px
}

.i-dynamic-loading span {
    display: inline-block;
    padding-left: 50px;
    margin-left: -30px;
    background: url(/static/img/global/loading_dynamic.gif) left center no-repeat
}

.i-post {
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s,height .2s ease;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,height .2s ease;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,height .2s ease;
    margin: 20px 20px 0 20px;
    background-color: #fff
}

.i-post.active {
    border-color: #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    -o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.i-post-handle {
    padding: 8px 0;
    margin: 0 10px;
    border-top: 1px solid #e5e5e5;
    display: none
}

.i-post-handle .handle-row {
    line-height: 30px
}

.i-post-handle-extend {
    margin: 10px -10px -8px;
    border-top: 1px solid #eaeaea
}

.i-post-handle .post-tip,.i-post-handle .post-scope {
    display: block;
    float: left;
    margin-right: 10px
}

.i-post-handle .post-tip {
    color: #999
}

.i-post-handle .post-tip {
    display: inline-block;
    vertical-align: middle
}

.i-post-input {
    padding: 10px 15px;
    position: relative
}

.i-post-input textarea {
    border: 0;
    resize: none;
    width: 100%;
    min-height: 60px;
    vertical-align: top;
    background: transparent;
    padding: 0;
    font-style: italic
}

.i-post-handle .post-submit {
    line-height: 30px;
    padding: 0;
    border: 0;
    height: 30px;
    width: 85px;
    border-radius: 4px
}

.i-post-handle .post-opt {
    float: left;
    position: relative
}

.i-post-handle .post-opt>a,.i-post-handle .post-opt>span.post-relevance {
    text-decoration: none;
    color: #999;
    position: absolute!important;
    top: 0
}

.i-post-handle .post-relevance>div>a {
    text-decoration: none;
    color: #999
}

.i-post-handle .post-opt>a.post-upload {
    left: 0
}

.i-post-handle .post-opt>a.dynamic-emoji {
    left: 22px
}

.i-post-handle .post-opt>span.post-relevance {
    left: 45px
}

.i-post-handle .post-opt>a.dynamic-atme-i {
    left: 68px
}

.i-post-handle .post-opt>a:hover,.i-post-handle .post-relevance>div>a:hover {
    color: #5d9cec
}

.i-post-handle .post-opt>a i {
    width: 14px;
    height: 14px;
    display: inline-block
}

.i-post-handle .post-opt>a.post-upload i {
    background-position: -353px -336px
}

.i-post-handle .post-opt>a.dynamic-emoji i {
    background-position: -353px -351px
}

.i-post-handle .post-opt>a.dynamic-atme-i i {
    background-position: -353px -367px
}

.i-post-handle .post-opt>span.post-relevance i {
    background-position: -353px -383px
}

.i-post-handle .post-opt>a.post-upload:hover i,.i-post-handle .post-opt>a.post-upload:focus i {
    background-position: -337px -336px
}

.i-post-handle .post-opt>a.dynamic-emoji:hover i,.i-post-handle .post-opt>a.dynamic-emoji:focus i {
    background-position: -337px -351px
}

.i-post-handle .post-opt>a.dynamic-atme-i:hover i,.i-post-handle .post-opt>a.dynamic-atme-i:focus i {
    background-position: -337px -367px
}

.i-post-handle .post-opt>a.post-relevance:hover i,.i-post-handle .post-opt>a.post-relevance:focus i {
    background-position: -337px -383px
}

.i-dynamic-card-view {
    padding-top: 20px
}

.i-dynamic-card {
    margin: 0 20px 20px 70px;
    border: 1px solid #eaeaea;
    background: #fff;
    position: relative;
    border-radius: 3px
}

.i-dynamic-card:before {
    position: absolute;
    content: "";
    height: 9px;
    width: 10px;
    background-color: #fff;
    border-style: solid;
    border-color: #eaeaea;
    border-width: 1px 0 0 1px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 12px;
    left: -6px
}

.i-dynamic-card>.avatar {
    position: absolute;
    top: 0;
    left: -50px;
    cursor: pointer
}

.i-dynamic-card>.avatar img {
    border-radius: 50%;
    height: 34px;
    width: 34px
}

.i-dynamic-card .card-detail {
    padding: 15px 20px 0 20px;
    position: relative
}

.i-dynamic-card .card-detail .info {
    margin-bottom: 6px
}

.i-dynamic-card .card-detail .info .event {
    color: #999;
    font-size: 12px;
    margin-left: 8px
}

.i-dynamic-card .card-detail .info .new {
    margin-left: 10px;
    color: #e80000
}

.i-dynamic-card .card-detail .text {
    margin-bottom: 5px;
    line-height: 24px;
    color: #555;
    word-wrap: break-word;
    word-break: break-all
}

.i-dynamic-card .card-detail .status {
    font-size: 12px;
    color: #999;
    margin-bottom: 10px;
    height: 18px
}

.i-dynamic-card .card-detail .status .opt span {
    padding-left: 5px;
    margin-left: 5px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    height: 30px
}

.i-dynamic-card .card-detail .status .opt span.hide {
    display: none
}

.i-dynamic-card .card-detail .status .opt span:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    height: 16px;
    width: 1px;
    background: #eaeaea
}

.i-dynamic-card .card-detail .status .opt span:first-child {
    padding: 0;
    margin: 0
}

.i-dynamic-card .card-detail .status .opt span:first-child:before {
    background: transparent
}

.i-dynamic-card .card-detail .status .opt span:hover {
    color: #666
}

.i-dynamic-card .card-detail .status .opt .arr {
    background-position: right -311px;
    width: 11px;
    height: 6px;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: 0;
    display: none
}

.i-dynamic-card .card-detail .status .opt span.selected .arr {
    display: block
}

.i-dynamic-card .card-detail .like-pop {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 40px;
    padding: 5px;
    position: absolute;
    right: -17px;
    top: -62px;
    box-shadow: 0 4px 20px 1px rgba(0,0,0,0.2);
    display: none
}

.i-dynamic-card .card-detail .like-pop:after {
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    background: #fff;
    right: 19px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #ccc
}

.i-dynamic-card .card-detail .like-pop .like-avatars {
    font-size: 0;
    white-space: nowrap;
    top: -62px
}

.i-dynamic-card .card-detail .like-pop .like-avatars li {
    height: 30px;
    width: 30px;
    margin: 5px;
    display: inline-block;
    vertical-align: top;
    border-radius: 2px;
    overflow: hidden
}

.i-dynamic-card .card-detail .like-pop .like-avatars li a {
    display: block;
    height: 100%;
    width: 100%
}

.i-dynamic-card .card-detail .like-pop .like-avatars li img {
    vertical-align: top;
    height: 100%;
    width: 100%
}

.i-dynamic-card .card-detail .like-pop .like-avatars li a.more {
    text-align: center;
    font-size: 16px;
    color: #666;
    text-decoration: none
}

.i-dynamic-card .card-detail .like-pop .like-avatars li a.more i {
    line-height: 30px
}

.i-dynamic-card .card-detail .like-pop .like-avatars li a.more:hover {
    background: #f5f5f5;
    color: #2dc3e8
}

.i-dynamic-card .feed-list .parent-comment-body {
    color: #bbb;
    font-size: 12px
}

.i-dynamic-card .feed-list .parent-content {
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal
}

.i-like-wrapper {
    background: #f8f8f8;
    border-top: 1px solid #eaeaea;
    padding-top: 16px
}

.i-like-wrapper .like-avatars {
    overflow: hidden;
    padding: 0 0 8px 20px
}

.i-like-wrapper .like-avatars li {
    float: left;
    height: 30px;
    width: 30px;
    border-radius: 2px;
    overflow: hidden;
    margin: 0 8px 8px 0
}

.i-like-wrapper .like-avatars li a {
    display: block;
    height: 100%;
    width: 100%
}

.i-like-wrapper .like-avatars li img {
    vertical-align: top;
    height: 100%;
    width: 100%
}

.i-like-wrapper .like-pager {
    padding: 10px;
    text-align: center;
    border-top: 1px solid #ddd
}

.i-like-wrapper .like-pager .pagination {
    margin: 0;
    vertical-align: top
}

.i-like-wrapper .like-pager .pagination>li>a {
    padding: 3px 8px;
    font-size: 12px;
    line-height: 1.5
}

.i-dynamic-card .card-feed {
    background: #f8f8f8;
    padding: 16px 0;
    border-top: 1px solid #eaeaea
}

.i-dynamic-card .feed-post .avatar {
    float: left;
    margin-left: 19px;
    margin-top: 2px;
    cursor: pointer
}

.i-dynamic-card .feed-post .avatar img {
    border-radius: 50%;
    height: 35px;
    width: 35px
}

.i-dynamic-card .feed-input-wrap {
    margin: 0 0 0 70px
}

.i-dynamic-card .feed-input-wrap {
    padding-right: 20px;
    position: relative
}

.i-dynamic-card .feed-btn {
    overflow: hidden;
    margin: 5px 0 0 0
}

.i-dynamic-card .feed-btn .dynamic-feed-emoji,.i-dynamic-card .feed-btn .dynamic-comment-emoji {
    color: #999;
    text-decoration: none;
    margin: 0 10px 0 0
}

.i-dynamic-card .feed-btn .dynamic-feed-emoji:hover,.i-dynamic-card .feed-btn .dynamic-comment-emoji:hover {
    color: #5d9cec;
    text-decoration: none;
    margin: 0 10px 0 0
}

.i-dynamic-card .feed-input-wrap textarea {
    height: 40px;
    line-height: 22px;
    padding: 8px 15px;
    resize: none
}

.i-dynamic-card .feed-list {
    margin: 12px 0 -15px 70px
}

.i-dynamic-card .feed-list li {
    border-top: 1px solid #e5e5e5;
    padding: 12px 20px 12px 42px;
    position: relative
}

.i-dynamic-card .feed-list>li>.avatar {
    left: 3px;
    top: 12px;
    position: absolute;
    cursor: pointer
}

.i-dynamic-card .feed-list>li>.avatar>img {
    height: 30px;
    width: 30px;
    border-radius: 50%
}

.i-dynamic-card .feed-list .hd,.i-dynamic-card .feed-list .content {
    margin-bottom: 5px;
    word-wrap: break-word;
    word-break: break-all
}

.i-dynamic-card .feed-list .ft {
    color: #999;
    font-size: 12px;
    margin-top: 5px
}

.i-dynamic-card .feed-list .action {
    display: none
}

.i-dynamic-card .feed-list li:hover .action {
    display: block
}

.i-dynamic-card .feed-list .action span {
    padding-left: 5px;
    margin-left: 5px;
    border-left: 1px solid #e5e5e5;
    cursor: pointer
}

.i-dynamic-card .feed-list .action span:hover {
    color: #666
}

.i-dynamic-card .feed-list .action span:first-child {
    padding-left: 0;
    margin-left: 0;
    border-left: none
}

.i-dynamic-card .feed-list .feed-post {
    border-radius: 3px;
    margin-top: 12px;
    padding: 12px 0
}

.i-dynamic-card .feed-list .feed-post .avatar {
    margin-left: 12px
}

.i-dynamic-card .feed-list .feed-post .feed-input-wrap {
    margin-left: 60px
}

.i-dynamic-card .form-preview {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 4px;
    margin-bottom: 4px
}

.i-dynamic-card .form-preview .form-view {
    margin: 0;
    width: auto;
    min-width: 770px;
    border: 1px solid #ccc
}

.i-dynamic-card .share-allfiles>.imgs-container {
    overflow: hidden;
    width: 342px
}

.i-dynamic-card .share-allfiles .imgs-item {
    margin: 4px 0 0 4px;
    float: left
}

.i-dynamic-card .share-allfiles .imgs-item>* {
    display: inline-block
}

.i-dynamic-card .share-allfiles .imgs-item>span {
    position: relative;
    width: 110px;
    overflow: hidden;
    height: 110px;
    border: 1px solid #eaeaea
}

.i-dynamic-card .share-allfiles .imgs-item img {
    max-width: inherit;
    position: absolute
}

.i-message-channel .message-list {
    padding: 20px 0
}

.i-message-channel .message-list .common-more {
    margin: 0 20px 0 70px
}

.i-message-channel .message-item {
    background: #fff;
    border-radius: 4px;
    position: relative;
    border: 1px solid #eaeaea;
    margin: 0 20px 12px 70px;
    padding: 15px 52px 15px 18px;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    transition: all .15s ease
}

.i-message-channel .message-item:hover {
    -webkit-transform: translate(-3px,-3px);
    -moz-transform: translate(-1px,-1px);
    transform: translate(-1px,-1px);
    box-shadow: 2px 2px 5px 1px rgba(120,120,120,0.2)
}

.i-message-channel .message-item:before {
    position: absolute;
    content: "";
    height: 9px;
    width: 10px;
    background-color: #fff;
    border-style: solid;
    border-color: #eaeaea;
    border-width: 1px 0 0 1px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 12px;
    left: -6px;
    margin-bottom: 10px
}

.i-message-channel .message-item.active:before {
    background-color: #f1f9ff;
    border-color: #7ed1ff
}

.i-message-channel .message-item.active {
    background-color: #f1f9ff;
    border: 1px solid #7ed1ff
}

.i-message-channel .message-item>.avatar {
    position: absolute;
    top: 0;
    height: 34px;
    width: 34px;
    border-radius: 50%;
    left: -50px
}

.i-message-channel .message-item .status {
    position: absolute;
    right: 22px;
    top: 18px;
    color: #f08819
}

.i-message-channel .message-item .hd,.i-message-channel .message-item .content {
    margin-bottom: 10px;
    word-break: break-all;
    color: #555
}

.i-message-channel .message-item .hd .event .text {
    font-size: 12px;
    color: #999;
    margin: 0 10px
}

.i-message-channel .message-item .status .icon-envelope {
    color: #ccc
}

.i-tile {
    margin-bottom: 20px;
    overflow: hidden;
    border: 1px solid #eaeaea;
    border-radius: 3px
}

.i-tile-item {
    cursor: pointer;
    height: 60px;
    line-height: 58px;
    border-bottom: 1px solid #eaeaea;
    overflow: hidden;
    color: #666;
    font-size: 12px;
    background: #fff;
    position: relative;
    text-align: center
}

.titleNum_3 .i-tile-item {
    width: 33.3333%
}

.titleNum_2 .i-tile-item {
    width: 50%
}

.titleNum_1 .i-tile-item {
    width: 100%
}

@media(max-width: 1200px) {
    .i-tile-item {
        width:100%!important
    }

    .titleNum_3 .i-tile-item,.titleNum_2 .i-tile-item {
        text-align: left;
        padding: 0 20px
    }
}

@media(min-width: 1200px) {
    .i-tile-item {
        float:left;
        width: 33.3333%;
        border-bottom: 0
    }
}

.i-tile-item:hover {
    background: #f6f6f6
}

.i-tile-item:last-child {
    border: 0
}

.i-tile-item .graph {
    height: 34px;
    width: 34px;
    margin-right: 10px
}

.i-tile-item .content {
    line-height: 1.5
}

.i-tile-item .count {
    font-size: 14px;
    font-weight: bold
}

.i-tile-item.unfinish .count {
    color: #fb6e52
}

.i-tile-item.follow .count {
    color: #ffba38
}

.i-tile-item.tags .count {
    color: #2dc3e8
}

.i-tile-item.unfinish .graph {
    background-position: 0 -541px
}

.i-tile-item.follow .graph {
    background-position: -34px -541px
}

.i-tile-item.tags .graph {
    background-position: -68px -541px
}

.i-box {
    margin-bottom: 20px;
    border: 1px solid #eaeaea;
    background: #fff
}

.i-box-head {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    cursor: move;
    overflow: hidden
}

.i-box-head>* {
    display: inline-block;
    vertical-align: top
}

.i-box-head .btn-refresh:hover,.i-box-head .btn-remove:hover {
    color: #4c8fbd
}

.i-box:hover .btn-refresh,.i-box:hover .btn-remove {
    display: block
}

.i-box-head .btn-refresh i,.i-box-head .btn-remove i {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle
}

.i-box-head .i-box-title {
    font-size: 14px;
    line-height: 50px;
    color: #666;
    margin: 0 5px 0 0;
    font-weight: bold
}

.i-box-nav>li {
    float: left
}

.i-box-nav>li+li {
    margin-left: 15px
}

.i-box-nav>li>a {
    display: block;
    text-decoration: none;
    color: #999
}

.i-box-nav>li>a:hover,.i-box-nav>li.active a,.i-box-nav>li a.active {
    color: #666
}

.i-box-nav>li.active a,.i-box-nav>li a.active {
    font-weight: bold;
    font-size: 14px
}

.i-box-head li>a {
    color: #999;
    font-size: 12px
}

.i-box-action {
    float: right;
    font-size: 0;
    opacity: 0;
    margin: 0 -5px 0 10px;
    transition: opacity .3s ease
}

.i-box-head .ds-ib>.btn {
    margin: 0!important
}

.i-box:hover .i-box-action {
    opacity: 1
}

.i-box-action .icon-chevron-down {
    transition: all .15s ease;
    display: inline-block
}

.i-box-action .off .icon-chevron-down {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.i-box-action>a {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    color: #999;
    text-decoration: none;
    padding: 0 7px
}

.i-box-action>a:hover {
    background: #f5f5f5;
    color: #666
}

.i-box-action>a.hide {
    display: none
}

.i-box-content {
    border-top: 1px solid #eaeaea
}

.i-box-content .task-list .e-list>li .shortcut>span {
    padding: 0 4px
}

.i-box-footer {
    border-top: 1px solid #eaeaea;
    min-height: 30px;
    line-height: 30px;
    padding: 2px 15px
}

.i-box-moredata,.i-box-nodata {
    font-size: 12px;
    line-height: 35px;
    color: #999;
    text-align: center;
    cursor: pointer;
    border-top: 1px solid #eaeaea
}

.i-box-moredata:hover,.i-box-nodata:hover {
    background: #f3f3f3
}

.i-box-footer-btns {
    text-align: center;
    position: relative
}

.i-box-footer-btns a {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: #999
}

.i-box-footer-btns a:hover {
    border-color: #b6cddc;
    background: #eaf5fd;
    color: #3f89bc
}

.i-box .no-result {
    border: 0;
    padding: 0;
    margin: 30px 20px;
    text-align: center;
    color: #999
}

.i-blog {
    margin-bottom: 20px;
    border: 1px solid #eaeaea;
    background: #fff
}

.i-blog .head {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    cursor: move;
    overflow: hidden
}

.i-blog .head>* {
    display: inline-block;
    vertical-align: top
}

.i-blog .box-nav>li {
    float: left
}

.i-blog .box-nav>li>a {
    display: block;
    text-decoration: none;
    color: #666;
    font-size: 14px;
    font-weight: bold
}

.i-blog .action {
    float: right;
    font-size: 0;
    display: none;
    margin: 0 -5px 0 10px
}

.i-blog .head .ds-ib>.btn {
    margin: 0!important
}

.i-blog:hover .action {
    display: block
}

.i-blog .action .icon-chevron-down {
    transition: all .15s ease;
    display: inline-block
}

.i-blog .action .off .icon-chevron-down {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.i-blog .action>a {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    color: #999;
    text-decoration: none;
    padding: 0 7px
}

.i-blog .action>a:hover {
    background: #f5f5f5;
    color: #666
}

.i-blog .action>a.hide {
    display: none
}

.i-blog .content {
    border-top: 1px solid #eaeaea
}

.i-blog .edit {
    padding: 1px;
    margin: 0 0 5px 0;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s,height .2s ease;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,height .2s ease;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,height .2s ease
}

.i-blog .edit textarea {
    width: 100%;
    border: 0;
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    max-height: 100%;
    resize: none;
    padding: 0 20px 0 20px;
    height: 109px!important;
    margin: 15px 0 10px 0;
    overflow-y: auto!important;
    color: #666;
    line-height: 20px;
    border-bottom: 1px solid #e5e5e5
}

.i-blog .edit .dynamic-feed-emoji {
    margin: 0 10px 0 20px;
    display: inline-block;
    vertical-align: top;
    color: #f46145
}

.i-blog .edit .tools {
    margin: 8px 0 0 0
}

.i-blog .edit .tools a:hover {
    color: #999;
    text-decoration: none
}

.i-blog .edit .dynamic-feed-emoji:hover {
    text-decoration: none
}

.i-blog .edit .tip {
    display: block;
    float: left;
    line-height: 30px;
    margin: 0 20px 0 0
}

.i-blog .edit .tip.hide {
    display: none
}

.i-blog .edit .submit {
    display: block;
    float: left
}

.i-blog .simditor .simditor-toolbar {
    width: 100%!important
}

.i-box .e-list {
    border: 0
}

.i-box .e-list>li {
    padding-left: 20px
}

.i-box .e-list .comment-count,.i-box:not(.i-agenda) .e-list .date {
    display: none
}

.i-box .e-list li .title {
    margin-right: 105px
}

.i-box .e-list li:hover .title {
    margin-right: 185px
}

.i-box .e-list li:hover .crm-title {
    margin-right: 108px
}

.i-box .e-list>li:after {
    left: 20px
}

.i-box .loading_small {
    line-height: 44px;
    height: 44px
}

.i-box .e-list .notask {
    color: #ccc;
    cursor: pointer;
    padding: 10px
}

.i-box .group-add {
    color: #ffa900
}

.i-box.task-lead {
    line-height: 38px;
    border-color: #f0f0f0;
    color: #ffa900;
    border-style: solid;
    border-width: 1px 0;
    font-weight: bold;
    padding-left: 3px;
    margin-left: 15px
}

.i-task-caption {
    line-height: 44px;
    padding-left: 17px;
    font-weight: bold;
    color: #ffa900;
    border-width: 1px 0;
    border-style: solid;
    border-color: #ddd
}

.i-doc .e-list li .doc-icon i {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: -2px;
    background-image: url(/static/img/portal/portal_doctype.png)
}

.i-doc .e-list li .doc-icon.image i {
    background-position: 0 0
}

.i-doc .e-list li .doc-icon.office i {
    background-position: 0 -16px
}

.i-doc .e-list li .doc-icon.video i {
    background-position: 0 -32px
}

.i-doc .e-list li .doc-icon.audio i {
    background-position: 0 -48px
}

.i-doc .e-list li .doc-icon.other i {
    background-position: 0 -64px
}

.i-goal-list dl {
    overflow: hidden;
    line-height: 44px;
    height: 45px;
    padding: 0 20px;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
    position: relative
}

.i-goal-list dl:last-of-type {
    border: 0
}

.i-goal-list dl:hover {
    background-color: #f0f0f0
}

.i-goal-list dl:before {
    position: absolute;
    content: "";
    width: 3px;
    top: 1px;
    bottom: 1px;
    left: -1px
}

.i-goal-list dl.unread:before {
    background: #e44471
}

.i-goal-list dl.newComment:before {
    background: #57ae18
}

.i-goal-list dl dt {
    float: left;
    height: 22px;
    line-height: 20px;
    width: 45px;
    text-align: center;
    border-radius: 11px;
    margin-top: 11px;
    border: 1px solid #57b8e0;
    color: #57b8e0;
    font-size: 12px
}

.i-goal-list dl dd.option {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    font-size: 12px;
    color: #777;
    display: none
}

.i-goal-list dl:hover dd.option {
    display: block
}

.i-goal-list dl:hover dd.title .leader {
    display: none
}

.i-goal-list dl dd.option.hide {
    display: none!important
}

.i-goal-list dl dd.option>span {
    padding: 0 10px;
    float: left
}

.i-goal-list dl dd.option span:hover {
    color: #141414;
    background: #cdcdcd
}

.i-goal-list dl dd.option span i {
    position: relative;
    top: 1px
}

.i-goal-list dl dd.title {
    margin-left: 55px;
    padding-right: 75px;
    color: #666;
    position: relative
}

.i-goal-list dl:hover dd.title {
    padding-right: 185px
}

.i-goal-list dl dd.title span.leader {
    position: absolute;
    display: inline-block;
    right: 0;
    top: 0;
    color: #999;
    font-size: 12px;
    max-width: 75px
}

.i-placard .i-box-nav li:first-child a {
    font-weight: bold!important;
    font-size: 14px;
    color: #666
}

.i-placard .caption {
    border-top-width: 0
}

.i-placard .caption span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px
}

.i-placard .caption a {
    margin-left: 10px;
    text-decoration: none;
    vertical-align: middle
}

.i-placard #placard-sms {
    font-size: 13px
}

.i-placard .placard-unreaders {
    color: red;
    font-weight: normal;
    font-size: 12px
}

.i-placard .placard-edit {
    padding: 1px;
    margin: 0 0 5px 0
}

.i-placard .placard-history {
    margin-top: 2px;
    color: #666;
    position: relative
}

.i-placard .placard-historys {
    height: 120px;
    margin: 10px 0;
    padding: 2px 15px
}

.i-placard .placard-page-btn .i-placard .createblog-textarea {
    border-bottom: 1px solid #e5e5e5
}

.i-placard .placard-add i {
    margin-right: 0
}

.i-placard .placard-submit.hide,.i-placard .placard-change.hide,.i-placard .placard-add.hide {
    display: none
}

.i-placard a:hover {
    text-decoration: none
}

.i-placard .unreaders-list {
    padding: 10px;
    width: 200px;
    position: absolute;
    z-index: 5;
    border: 1px solid #a3adba;
    background-color: #fff;
    box-shadow: 0 3px 7px rgba(0,0,0,0.3);
    background-clip: padding-box
}

.i-placard .unreaders-list span {
    line-height: 25px;
    width: 50px;
    display: inline-block;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.i-placard .placard-next-disable,.i-placard .placard-pre-disable {
    color: #ddd
}

.i-placard .placard-history-box {
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    display: block;
    vertical-align: middle
}

.i-placard .placard-history-box.hide {
    display: none
}

.i-placard .placard-history-box .placard-history-user {
    width: 60px;
    display: inline-block;
    color: #999;
    text-align: left;
    margin-right: 2px;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    float: right
}

.i-placard .placard-history-box .placard-history-date {
    color: #999;
    margin-right: 10px;
    float: right
}

.i-placard .placard-history-box:hover a,.i-placard .placard-history-box:hover span {
    color: #5d9cec!important
}

.i-placard .placard-history-box .placard-history-content {
    max-width: 60%;
    padding-left: 10px;
    padding-right: 5px;
    vertical-align: middle;
    white-space: nowrap;
    float: left
}

@media(max-width: 1220px) {
    .i-placard .placard-history-box .placard-history-content {
        width:60%
    }
}

#placard-history-card {
    position: absolute;
    background-color: #fff;
    width: 380px;
    min-height: 100px;
    max-height: 600px;
    z-index: 50;
    right: 100px;
    border: 1px solid #eaeaea;
    box-shadow: 0 3px 7px rgba(0,0,0,0.3)
}

#placard-history-card .caption {
    border-bottom: 1px solid #ddd;
    margin: 0 20px;
    padding: 10px 0;
    line-height: 24px
}

#placard-history-card .user {
    margin-left: 0;
    margin-right: 23px
}

#placard-history-card .content {
    font-size: 13px;
    line-height: 24px;
    overflow-y: auto;
    padding: 10px
}

.placard-history-card .card-content {
    padding: 0 10px
}

.i-placard .system-help-caption .active {
    color: #235fba;
    font-weight: bold
}

.i-placard .system-help-caption span {
    margin-right: 15px;
    cursor: pointer
}

.i-placard .system-help-panel {
    height: 150px
}

.i-placard .system-help-links a {
    display: block;
    margin-left: 10px;
    height: 20px;
    line-height: 20px;
    margin-top: 5px
}

.i-placard .placard-stage .text:hover {
    cursor: pointer
}

.i-placard .a-newtip {
    text-align: center;
    color: #999;
    padding: 10px
}

.i-placard .a-newtip:hover {
    font-weight: bold;
    color: #fb6e52;
    cursor: pointer
}

.i-placard .a-newtip i {
    font-size: 16px;
    position: relative;
    top: 2px
}

.portal-sortable-placeholder {
    border: 2px dashed #8e8e8e;
    margin-bottom: 12px
}

.portal-sortable {
    min-height: 600px
}

.portalsetting-notice {
    position: absolute;
    top: 100px;
    left: 50%;
    width: 300px;
    height: 50px;
    line-height: 50px;
    background-color: #FFF;
    margin-left: -150px;
    border-radius: 5px;
    text-align: center;
    box-shadow: 3px 3px 10px #888
}

.i-placard-unreaders {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #eaeaea;
    box-shadow: 0 3px 7px rgba(0,0,0,0.3);
    padding: 10px;
    position: absolute;
    width: 380px;
    z-index: 5;
    margin-top: 60px;
    max-height: 230px;
    overflow-y: auto;
    left: 50%
}

.i-placard-unreaders span {
    display: block;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 55px;
    word-break: keep-all;
    font-size: 12px;
    float: left
}

.i-placard .placard-name {
    padding: 5px;
    border-bottom: 1px dashed #dedede;
    margin: 5px 10px;
    color: #666;
    font-weight: bold;
    word-break: break-all
}

.show-history-placard .detail-desc-wrap textarea {
    height: auto
}

@media(max-width: 1200px) {
    .i-placard-unreaders {
        width:278px;
        margin: 0 0 0 -139px
    }
}

@media(min-width: 1200px) {
    .i-placard-unreaders {
        width:278px;
        margin: 0 0 0 -139px
    }
}

@media(min-width: 1440px) {
    .i-placard-unreaders {
        width:328px;
        margin: 0 0 0 -164px
    }
}

@media(min-width: 1600px) {
    .i-placard-unreaders {
        width:378px;
        margin: 0 0 0 -189px
    }
}

@media(min-width: 1900px) {
    .i-placard-unreaders {
        width:428px;
        margin: 0 0 0 -214px
    }
}

.i-box-timepicker .calendar-datepicker {
    height: auto!important;
    padding: 0
}

.i-box-timepicker .calendar-datepicker table tbody tr td {
    border-color: #eaeaea;
    padding: 8px 5px
}

.i-box-timepicker .calendar-datepicker table tbody tr td:first-child {
    border-left: none
}

.i-box-timepicker .calendar-datepicker table tbody tr td:last-child {
    border-right: 0
}

.i-box-timepicker .calendar-datepicker table thead tr td,.i-box-timepicker .calendar-datepicker table thead tr th {
    padding: 10px 5px
}

.i-box-timepicker .datepicker-days td>div {
    display: inline-block;
    height: 32px;
    width: 32px;
    line-height: 32px;
    border-radius: 50%
}

.i-box-timepicker .datepicker-days td.selected,.i-box-timepicker .datepicker-days td.highlight,.i-box-timepicker .datepicker-days td.highlightred,.i-box-timepicker .datepicker-days td.today {
    background: none!important;
    text-shadow: none!important;
    border-radius: 0!important
}

.i-box-timepicker .datepicker-days td.selected>div {
    background: #4c8fbd!important;
    color: #fff!important
}

.i-box-timepicker .datepicker-days td.today>div {
    border: 1px solid #4c8fbd!important;
    color: #666;
    line-height: 30px!important
}

.i-box-timepicker .datepicker-days td.highlight {
    color: #666!important
}

.i-box-timepicker .datepicker-days td.highlight>div {
    position: relative
}

.i-box-timepicker .datepicker-days td.highlight>div:after {
    background: #08c;
    border-radius: 50%;
    bottom: 2px;
    content: "";
    height: 4px;
    left: 50%;
    margin-left: -2px;
    position: absolute;
    width: 4px
}

.i-box-timepicker .datepicker-days td.highlightred {
    color: #666!important
}

.i-box-timepicker .datepicker-days td.highlightred>div {
    position: relative
}

.i-box-timepicker .datepicker-days td.highlightred>div:after {
    background: red;
    border-radius: 50%;
    bottom: 2px;
    content: "";
    height: 4px;
    left: 50%;
    margin-left: -2px;
    position: absolute;
    width: 4px
}

.i-box-timepicker .datepicker-days td.selected.highlight>div:after {
    background: #fff
}

.i-agenda-list>li:hover .right {
    display: block
}

.i-mini-mouules-add a {
    display: block;
    height: 60px;
    text-align: center;
    font-size: 16px;
    border: 1px solid #eaeaea;
    text-decoration: none;
    color: #999;
    padding-top: 15px;
    margin-bottom: 20px;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -ms-transition: all .15s ease;
    transition: all .15s ease
}

.i-mini-mouules-add a i {
    font-size: 22px;
    position: RELATIVE;
    top: 5px
}

.i-mini-mouules-add a:hover {
    color: #ffa900;
    background: #fff;
    border-color: #ffa900
}

.i-mini-mouules-help a {
    display: block;
    text-align: center;
    font-size: 16px;
    border: 1px solid #eaeaea;
    text-decoration: none;
    color: #999;
    padding: 5px 0;
    margin-bottom: 20px;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -ms-transition: all .15s ease;
    transition: all .15s ease
}

.i-mini-mouules-help a i {
    font-size: 15px;
    position: releative;
    top: 1px;
    margin: 0 15px 0 0
}

.i-mini-mouules-help a:hover {
    color: #ffa900;
    background: #fff;
    border-color: #ffa900
}

.i-dynamic-channel .icon-help {
    color: #e44471
}

.i-tooltip.in {
    opacity: 1
}

.i-tooltip.top .i-tooltip-arrow {
    border-top-color: #445361
}

.i-tooltip .i-tooltip-inner {
    line-height: 18px;
    background-color: #445361;
    padding: 10px 10px 10px 15px;
    line-height: 20px;
    text-align: left
}

.modal-dialog .portal-setting-close {
    display: block;
    margin-top: 5px
}

.i-dynamic-card .simditor-display {
    padding: 0
}

.i-dynamic-card .simditor-display p,.i-dynamic-card .simditor-display div {
    margin: 0
}

.portal-teamStatistics-content {
    height: 788px;
    border-bottom: 1px solid #eaeaea
}

#statistics-area .portal-usernuminfo {
    height: 230px;
    width: 100%;
    padding-top: 30px
}

#statistics-area .portal-teamuserinfo.portal-teamusertotalinfo:hover {
    height: 200px;
    min-width: 200px;
    width: 31%;
    margin-left: 1.75%;
    float: left;
    border: 1px solid #eaeaea;
    background-color: #f0f0f0
}

#statistics-area .portal-teamuserinfo.portal-teamusertotalinfo {
    cursor: pointer
}

#statistics-area .portal-teamuserinfo {
    height: 200px;
    min-width: 200px;
    width: 31%;
    margin-left: 1.75%;
    float: left;
    border: 1px solid #eaeaea;
    background-color: #fff
}

#statistics-area .portal-teamuserinfo .portal-totaluser-title {
    margin-top: 50px;
    text-align: center;
    font-size: 16px;
    color: #666
}

#statistics-area .portal-teamuserinfo .portal-totaluser-number {
    text-align: center;
    font-size: 50px
}

#statistics-area .portal-teamuserinfo .portal-totaluser-invited {
    text-align: center;
    font-size: 14px;
    color: #999
}

#statistics-area .portal-chartinfo {
    width: 100%;
    height: 300px;
    padding: 0 1.75%;
    padding-top: 30px
}

#statistics-area .portal-content {
    width: 100%;
    height: 100%;
    border: 1px solid #eaeaea;
    background-color: #fff
}

#statistics-area .portal-content .portal-title {
    width: 100%;
    height: 40px;
    font-size: 16px;
    color: '#666666';
    padding-left: 30px;
    padding-top: 20px
}

#statistics-area .portal-content .portal-content-info {
    width: 100%;
    height: 80%;
    margin-bottom: 20px
}

#statistics-area .portal-moduleinfo {
    width: 100%;
    min-height: 200px;
    max-height: 400px;
    padding: 0 1.75%;
    padding-top: 30px;
    margin-bottom: 20px
}

#statistics-area .portal-moduleinfo .portal-content .portal-modulecontent-info {
    width: 100%;
    margin-bottom: 20px
}

#statistics-area .portal-moduleinfo .statistic-themeB {
    color: #666;
    padding: 8px 10px
}

#statistics-area .portal-moduleinfo .statistic-themeB>li {
    margin: 5px 0 0 0;
    width: 90px;
    font-size: 12px;
    margin-top: 20px
}

#statistics-area .portal-moduleinfo .statistic>li {
    float: left;
    overflow: hidden
}

#statistics-area .portal-moduleinfo .statistic-themeB>li>i {
    height: 38px;
    width: 38px;
    line-height: 36px
}

#statistics-area .portal-moduleinfo .statistic-themeB>li:nth-child(1)>i {
    color: #1c8ac4
}

#statistics-area .portal-moduleinfo .statistic-themeB>li:nth-child(2)>i {
    color: #22ac38
}

#statistics-area .portal-moduleinfo .statistic-themeB>li:nth-child(3)>i {
    color: #f39700
}

#statistics-area .portal-moduleinfo .statistic-themeB>li:nth-child(4)>i {
    color: #ea68a2
}

#statistics-area .portal-moduleinfo .statistic-themeB>li:nth-child(5)>i {
    color: #22ac38
}

#statistics-area .portal-moduleinfo .statistic-themeB>li:nth-child(6)>i {
    color: #ec6941
}

#statistics-area .portal-moduleinfo .statistic-themeB>li:nth-child(7)>i {
    color: #00a0e9
}

#statistics-area .portal-moduleinfo .statistic-themeB>li:nth-child(8)>i {
    color: #eb6877
}

#statistics-area .portal-moduleinfo .statistic-themeB>li:nth-child(9)>i {
    color: #00b7ee
}

#statistics-area .portal-moduleinfo .statistic-themeB>li:nth-child(10)>i {
    color: #00bcd4
}

#statistics-area .portal-moduleinfo .statistic-themeB>li:nth-child(11)>i {
    color: #cddc39
}

#statistics-area .portal-moduleinfo .statistic-themeB>li:nth-child(12)>i {
    color: #f44336
}

#statistics-area .portal-moduleinfo .statistic-themeB>li:nth-child(1)>i:hover {
    background-color: #1c8ac4;
    border-color: #1c8ac4
}

#statistics-area .portal-moduleinfo .statistic-themeB>li:nth-child(2)>i:hover {
    background-color: #22ac38;
    border-color: #22ac38
}

#statistics-area .portal-moduleinfo .statistic-themeB>li:nth-child(3)>i:hover {
    background-color: #f39700;
    border-color: #f39700
}

#statistics-area .portal-moduleinfo .statistic-themeB>li:nth-child(4)>i:hover {
    background-color: #ea68a2;
    border-color: #ea68a2
}

#statistics-area .portal-moduleinfo .statistic-themeB>li:nth-child(5)>i:hover {
    background-color: #22ac38;
    border-color: #22ac38
}

#statistics-area .portal-moduleinfo .statistic-themeB>li:nth-child(6)>i:hover {
    background-color: #ec6941;
    border-color: #ec6941
}

#statistics-area .portal-moduleinfo .statistic-themeB>li:nth-child(7)>i:hover {
    background-color: #00a0e9;
    border-color: #00a0e9
}

#statistics-area .portal-moduleinfo .statistic-themeB>li:nth-child(8)>i:hover {
    background-color: #eb6877;
    border-color: #eb6877
}

#statistics-area .portal-moduleinfo .statistic-themeB>li:nth-child(9)>i:hover {
    background-color: #00b7ee;
    border-color: #00b7ee
}

#statistics-area .portal-moduleinfo .statistic-themeB>li:nth-child(10)>i:hover {
    background-color: #00bcd4;
    border-color: #00bcd4
}

#statistics-area .portal-moduleinfo .statistic-themeB>li:nth-child(11)>i:hover {
    background-color: #cddc39;
    border-color: #cddc39
}

#statistics-area .portal-moduleinfo .statistic-themeB>li:nth-child(12)>i:hover {
    background-color: #f44336;
    border-color: #f44336
}

#statistics-area .portal-moduleinfo .statistic-themeB>li:not(.nohover)>i:hover {
    color: #fff
}

#statistics-area .portal-moduleinfo .statistic-themeB>li>i {
    margin: 0 auto;
    height: 50px;
    width: 50px;
    line-height: 48px;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: #d1d1d1;
    border-radius: 50%;
    cursor: pointer
}

#statistics-area .portal-moduleinfo .statistic>li>i,#statistics-area .portal-moduleinfo .statistic>li>span {
    font-style: normal;
    display: block
}

#statistics-area .portal-moduleinfo .statistic>li>i,#statistics-area .portal-moduleinfo .statistic>li>span {
    font-style: normal;
    display: block
}

#statistics-area .portal-moduleinfo .portal-no-result {
    font-size: 16px;
    text-align: center;
    margin: 40px 0;
    color: #999
}

.portal-custompage-content {
    height: 0
}

.introjs-portal-step3 .introjs-helperNumberLayer {
    right: 13px!important;
    top: 3px!important
}

.introjs-portal-step4 .introjs-tooltip {
    margin-left: -48px!important
}

.introjs-portal-step4 .introjs-arrow {
    left: -72px!important
}

.task-creater {
    position: relative;
    border-radius: 3px;
    padding: 0 55px 0 0;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    font-size: 12px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s,height .2s ease;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,height .2s ease;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,height .2s ease
}

.task-creater.active {
    border-color: #53b6eb;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.task-creater input {
    margin: 0;
    border: 0;
    width: 100%;
    height: 32px;
    padding: 4px 0 4px 22px;
    line-height: 24px;
    vertical-align: middle;
    font-size: 12px;
    border-radius: 3px 0 0 3px;
    color: #666
}

.task-creater input::-moz-placeholder {
    color: #bbb;
    opacity: .6;
    font-size: 12px
}

.task-creater input:-ms-input-placeholder {
    color: #bbb;
    opacity: .6;
    font-size: 12px
}

.task-creater input::-webkit-input-placeholder {
    color: #bbb;
    opacity: .6;
    font-size: 12px
}

.task-creater .addbtn {
    position: absolute;
    top: 0;
    right: 0;
    height: 32px;
    width: 32px;
    background: #eee;
    color: #fff;
    padding-top: 5px;
    text-decoration: none;
    text-align: center;
    border-radius: 0 2px 2px 0;
    border-left: #eaeaea;
    font-size: 18px;
    color: #999;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.task-creater.active .addbtn {
    background: #53b6eb;
    border-color: #53b6eb;
    color: #fff
}

.task-creater+.e-list-group {
    margin-top: -10px
}

.task-creater .due-date {
    position: absolute;
    top: 0;
    right: 32px;
    height: 32px;
    line-height: 34px
}

.task-creater .due-date .opt-date {
    cursor: pointer;
    vertical-align: middle;
    position: absolute;
    right: 20px;
    color: #999
}

.task-creater .due-date .opt-date:hover {
    color: #666
}

.task-creater .due-date .datepicker {
    width: 41px;
    vertical-align: top;
    color: #666
}

.task-creater .due-date .dueDateTxt {
    position: relative;
    right: -3px;
    color: #999
}

.task-list .title .text,.task-list-item .title .text {
    padding-right: 70px;
    display: block;
    max-width: 100%;
    float: left
}

.task-list .cycleOld .title .text,.task-list-item .title .text,.task-list .cycleNew .title .text,.task-list-item .title .text {
    padding-right: 150px
}

.task-list-item .title .text .taskname:hover {
    color: #5d9cec
}

.task-list .title .percent,.task-list .title .taskident {
    font-size: 12px;
    margin-left: -60px;
    margin-top: 12px;
    border-radius: 2px;
    color: #2dc3e8;
    border: 1px solid #2dc3e8;
    padding: 0 8px;
    vertical-align: top;
    max-width: 60px;
    line-height: 16px;
    float: left
}

.task-list .title .taskident.l-shift {
    margin-left: -125px
}

.task-list .cycleOld .title .percent,.task-list .cycleNew .title .percent {
    margin-left: -125px
}

.task-list .title .percent.hide,.task-list .title .percent:empty {
    display: none
}

.task-list .importance,.task-list-item .importance {
    position: absolute;
    height: 18px;
    width: 3px;
    right: 1px;
    top: 50%;
    margin-top: -9px
}

.task-list .importance.urgency,.task-list-item .importance.urgency {
    background: #f76397
}

.task-list .importance.high,.task-list-item .importance.high {
    background: #ffba38
}

.task-list li.notask {
    padding-left: 10px;
    color: #ccc
}

.task-tree-list .summary .i-span {
    width: 25px;
    color: #999;
    display: inline-block;
    margin: 0 0 0 10px;
    height: 44px;
    font-size: 16px;
    line-height: 44px;
    cursor: pointer
}

.task-tree-list>li {
    height: auto
}

.task-tree-list>li ul {
    border-width: 0;
    position: relative
}

.task-tree-list .major-content {
    position: relative
}

.task-tree-list>li:not(.no-hover):hover .shortcut {
    display: none
}

.task-tree-list>li:not(.no-hover)>.major-content:hover>.summary .shortcut {
    display: block
}

.task-tree-list>li:not(.no-hover):hover .right {
    display: block
}

.task-tree-list>li:not(.no-hover)>.major-content:hover>.summary .right {
    display: none
}

.task-tree-list>li:hover,.task-tree-list>li.active {
    background: #fff
}

.task-tree-list>li>.major-content:hover,.task-tree-list>li>.major-content.active {
    background: #f0f0f0
}

.task-tree-list .summary .i-span.hide {
    display: none
}

.task-tree-list>li:before,.task-tree-list>li:after {
    background: transparent
}

.task-tree-list .summary:before {
    width: 3px;
    top: 1px;
    bottom: 1px;
    left: -1px;
    content: "";
    position: absolute
}

.task-tree-list>li>.major-content>.border {
    left: 40px;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #e7eaec;
    display: block!important;
    position: absolute
}

.task-tree-list>li.unread>.summary:before {
    background: #e44471
}

.task-tree-list>li.newComment>.summary:before {
    background: #57ae18
}

.tasktable-view {
    table-layout: fixed
}

.tasktable-view tr.unread td:first-child:before,.tasktable-view tr.newComment td:first-child:before {
    position: absolute;
    content: "";
    width: 3px;
    top: 0;
    bottom: 0;
    left: 0
}

.tasktable-view tr.unread td:first-child:before {
    background: #e44471
}

.tasktable-view tr.newComment td:first-child:before {
    background: #57ae18
}

.tasktable-view>thead>tr>th,.tasktable-view>tbody>tr>td {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.tasktable-view>thead>tr>th {
    background-color: #f6f6f6;
    color: #6b6b6b
}

.tasktable-view>tbody>tr>td {
    background-color: #fff
}

.tasktable-view .num {
    position: relative;
    text-align: center;
    width: 50px
}

.tasktable-view .name {
    width: 20%
}

.tasktable-view .num .ck {
    display: none
}

.tasktable-view>tbody>tr:hover .ck,.tasktable-view tr.selected td .ck {
    display: block
}

.tasktable-view>tbody>tr:hover .sn,.tasktable-view tr.selected td .sn {
    display: none
}

.tasktable-view tr.selected td {
    background-color: #ebf1de
}

.tasktable-view .num .ck>i {
    color: #999
}

.task-list .relevances {
    display: none
}

.task-list .task-has-relevances {
    min-height: 66px
}

.task-list .task-has-relevances .shortcut>span {
    line-height: 66px
}

.task-list .task-has-relevances .relevances {
    display: block;
    padding-bottom: 10px;
    line-height: 20px;
    margin-top: -9px;
    overflow: hidden;
    padding-right: 18px
}

.task-list .task-has-relevances .relevances .item {
    display: block;
    float: left;
    color: #999;
    max-width: 38%;
    position: relative
}

.task-list .task-has-relevances .relevances .item .hide {
    display: none
}

.task-list .task-has-relevances .relevances .item .caption {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    vertical-align: middle;
    padding-left: 21px;
    font-size: 12px
}

.task-list .task-has-relevances .relevances .item .caption:hover {
    color: #5d9cec
}

.task-list .task-has-relevances .relevances .item:first-child .caption {
    padding-right: 10px
}

.task-list .task-has-relevances .relevances .item i {
    opacity: .6;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 4px;
    width: 14px;
    height: 14px
}

.task-list .task-has-relevances .relevances .item .graph-16-goal {
    background-position: -338px -63px
}

.task-list .task-has-relevances .relevances .item .graph-16-task {
    background-position: -324px -63px
}

.task-tree-list>li.task-has-relevances>.major-content>.border {
    bottom: 68px
}

.task-tab-view .table-bordered>thead>tr>th,.task-tab-view .table-bordered>tbody>tr>td {
    border-width: 1px 0 0 0;
    border-color: #eee
}

.task-tab-view table tbody td {
    color: #999;
    font-size: 14px
}

.task-tab-view table>thead>tr>th {
    padding: 12px 10px;
    color: #666;
    border-bottom: 1px solid #d5d5d5!important;
    font-weight: bold;
    background: #f5f5f5
}

.task-list .task-placeholder,.task-formset-list .tasktype-placeholder {
    border: dashed 1px #ccc;
    background-color: #f4f5da
}

.task-list .task-placeholder.disable {
    border-color: #ccc
}

.task-list .ui-sortable-helper,.task-formset-list .ui-sortable-helper,.task-customui-main .more-list .ui-sortable-helper {
    background: #fff!important;
    -webkit-transition: transform .15s ease;
    -o-transition: transform .15s ease;
    transition: transform .15s ease;
    -webkit-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
    border-top: 1px solid #e7eaec
}

.task-status-dropdown .icon-todo,.task-status-dropdown .icon-finished {
    display: inline-block;
    font-size: 12px;
    width: 12px
}

.dropdown-urgency>li>a {
    padding-left: 8px
}

.dropdown-urgency>li .importance-item {
    line-height: 24px;
    height: 24px
}

.dropdown-urgency>li .importance-item dfn {
    margin-top: 4px
}

.subtask-wrap .hd {
    padding: 0 20px 0 16px;
    line-height: 45px;
    border-bottom: 1px solid #eee
}

.subtask-wrap .hd .addSubtask {
    font-weight: bold;
    font-size: 12px
}

.subtask-wrap .hd .title {
    font-size: 12px;
    font-weight: bold
}

.subtask-wrap .hd .title i {
    opacity: .7;
    vertical-align: -3px;
    display: inline-block;
    -webkit-transition: all .15s ease;
    -ms-transition: all .15s ease;
    transition: all .15s ease
}

.subtask-wrap .hd .title i.icon-angle-right.on {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.subtask-wrap .center-more,.subtask-wrap .no-more,.subtask-wrap .loading_small {
    border-top: 1px solid #eee;
    line-height: 35px
}

.subtask-wrap .e-list .subtask-duedate {
    width: 73px!important;
    text-align: right
}

.subtask-wrap .e-list {
    border: 0
}

.task-underling-stat .underling-filter {
    margin-bottom: 15px
}

.task-underling-stat .filter-item {
    margin: 0 4px 3px 0;
    display: inline-block
}

.task-underling-stat .filter-item a {
    color: #666;
    border-radius: 3px;
    padding: 3px 7px;
    display: block;
    text-decoration: none;
    font-size: 12px
}

.task-underling-stat .filter-item a.checked {
    background: #2cc3e9;
    color: #fff
}

.task-underling-stat .filter-item.more a {
    color: #3499dd
}

.subtask-nav * {
    color: #999
}

.subtask-nav .numberDiv>span {
    color: #ec3e3e
}

.subtask-nav .toolkit-item:hover {
    text-decoration: none;
    color: #999
}

.subtask-wrap .hd .title .toolkit-item i {
    vertical-align: 0;
    width: 13px;
    height: 13px
}

.subtask-nav .addSubtask-container .btn-group>.btn {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.subtask-wrap .task .sn-link {
    cursor: move
}

.subtask-wrap .task .subtask-weight {
    margin-right: 15px;
    color: #999
}

.subtask-weight-panel .e-list li div.title {
    margin: 0 285px 0 0
}

.subtask-weight-model .e-list {
    border-width: 0 0 1px 0
}

.subtask-weight-model .e-list .subtask-weight-box input {
    width: 60px;
    text-align: center;
    margin-right: 3px
}

.subtask-weight-model .e-list .subtask-weight-box input:focus {
    color: #666
}

.subtask-weight-model .subtask-weight-box,.subtask-weight-model .subtask-weight-box input {
    color: #999
}

.task-copy-model .modal-dialog {
    width: 700px
}

.taskcopy-ul {
    width: 100%;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    display: block;
    overflow: hidden
}

.taskcopy-ul label {
    margin-bottom: 0
}

.taskcopy-ul li {
    min-height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e3e3e3;
    padding: 0 15px
}

.taskcopy-ul li:hover {
    background: #f0f0f0
}

.taskcopy-ul li .item {
    float: left
}

.taskcopy-ul li .item>* {
    display: block;
    float: left
}

.taskcopy-ul li .item>input[type="checkbox"] {
    margin: 13px 0 0 0
}

.taskcopy-ul .item>span {
    margin: 0 0 0 15px
}

.taskcopy-ul .item>.number {
    color: #666
}

.taskcopy-ul li:last-child {
    border-bottom: 0
}

.taskcopy-ul .item.principal {
    width: 40%
}

.taskcopy-ul .item.participant {
    width: 30%
}

.taskcopy-ul .item.share {
    width: 20%;
    float: right
}

.taskcopy-ul .item.share button {
    padding: 5px 15px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    height: 30px;
    border: 0;
    color: #fff;
    background: #18aedb
}

.taskcopy-ul .item.share button:hover {
    background: #1597c5
}

.taskcopy-tab .notes {
    padding: 0 10px 15px;
    display: inline-block;
    color: #c1c1c1;
    font-style: italic;
    font-size: 12px;
    font-weight: normal
}

.taskcopy-tab {
    color: #999;
    font-weight: bold
}

.taskcopy-view-bg {
    background-color: #FFF;
    z-index: 999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

.task-copy-model .loading_small {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: -40px 0 0 0;
    z-index: 99999
}

.taskcopy-view .rename input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 20px
}

.task-container .detail-desc-wrap {
    padding: 0;
    border-bottom: 1px solid #e5e5e5
}

.task-container .detail-desc-wrap textarea {
    line-height: 50px;
    height: 50px;
    padding-left: 15px
}

.task-container .sernum-div {
    border-bottom: 1px solid #eaeaea;
    padding: 10px 17px
}

.task-container .sernum-div span {
    color: #999;
    margin-left: 5px
}

.task-parent-name .entity-item {
    padding: 0;
    max-width: 100%
}

.task-parent-name .entity-item a:first-child {
    max-width: 100%;
    padding: 0 20px 0 0
}

.task-parent-name .entity-item a.close {
    margin: 0 0 0 -20px
}

.task-formset-view .view-main .table .sn {
    height: 30px;
    display: inline-block;
    line-height: 30px;
    width: 30px;
    text-align: center;
    margin-left: -7px;
    background: #eee;
    margin-right: 10px;
    border-radius: 3px
}

.task-formset-view .view-main .table td {
    vertical-align: middle
}

.task-formset-view .view-main .table td i {
    font-size: 14px
}

.task-formset-list .list-title .input-group {
    width: 197px
}

.task-formset-list .list-title .input-group input[type="text"] {
    width: 140px
}

.task-formset-list .list-item {
    position: relative
}

.task-formset-list .ui-sortable .list-item {
    cursor: pointer
}

.task-formset-list .ui-sortable .list-item:hover {
    background: #f8f8f8
}

.task-formset-list .add-options {
    color: #999;
    padding-top: 20px;
    padding-bottom: 20px
}

.swicth-set-list.task-formset-list .list-item.add-options:last-child {
    border-top: 1px solid #eee
}

.task-formset-list .tasktype-placeholder {
    height: 50px
}

.task-formset-list .list-item .sn {
    height: 30px;
    display: inline-block;
    line-height: 30px;
    width: 30px;
    text-align: center;
    margin-right: 10px;
    border-radius: 3px;
    position: absolute;
    color: #999
}

.task-formset-list .list-item .tasktype-name-div {
    display: inline-block;
    padding: 0 180px 0 40px;
    width: 100%
}

.task-formset-list .list-item .tasktype-name {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%
}

.task-formset-list .list-item .tasktype-name:not([readonly]):not([disabled]):hover,.task-formset-list .list-item .tasktype-name:not([readonly]):not([disabled]):focus {
    background: #eee
}

.task-formset-list .list-item .opt-btn {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 9px
}

.task-formset-list .list-item .tasktype-del,.task-formset-list .list-item .tasktype-status {
    display: none;
    color: #b5b5b5;
    text-decoration: none;
    position: relative;
    margin: 0 10px
}

.task-formset-list .list-item .tasktype-del:hover,.task-formset-list .list-item .tasktype-status:hover {
    color: #0971b9
}

.task-formset-list .list-item .tasktype-status:after {
    content: "";
    display: block;
    height: 15px;
    width: 1px;
    background: #efefef;
    position: absolute;
    left: 37px;
    top: 8px
}

.task-formset-list .list-item:hover .tasktype-del,.task-formset-list .list-item:hover .tasktype-status {
    display: inline-block
}

.task-formset-list .list-item .type_disabledtxt {
    margin-right: 8px;
    color: #dbdbdb;
    font-size: 12px
}

.task-formset-list .list-item:hover .type_disabledtxt {
    display: none
}

.task-formset-list .option-value {
    font-size: 12px;
    margin-left: 10px;
    color: #999
}

.task-customui-main .list-item {
    position: relative
}

.task-customui-main .list-item .text {
    width: 100%;
    padding: 0 170px 0 0;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 30px;
    height: 30px
}

.task-customui-main .list-item .opt {
    position: absolute;
    right: 20px;
    top: 9px
}

.task-customui-main .list-item.more a {
    color: #999;
    text-align: center;
    width: 100%;
    display: inline-block
}

.task-customui-main .list-item .text>* {
    display: block
}

.task-customui-main .list-item .text>input {
    position: absolute;
    top: 16px
}

.task-customui-main .list-item .text>span {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.task-customui-main .mCSB_container {
    padding: 0 0 80px 0
}

.task-customui-main .list-item.more a:hover {
    text-decoration: none
}

.task-customui-main .more-list .taskui-placeholder {
    border: dashed 1px #ccc;
    background-color: #f4f5da;
    height: 50px
}

.task-customui-main .more-list select.form-control {
    width: 128px
}

.task-sernumset-main .list-item.div-box>div {
    display: inline-block
}

.task-sernumset-main .show-more .list-item:last-child {
    border-bottom: 1px solid #eee
}

.task-sernumset-main .show-more .controls>.close {
    position: relative;
    top: 2px;
    float: none
}

.task-sernumset-main .show-more .div-box>span {
    display: block;
    float: left
}

.task-sernumset-main .show-more .select-field>.controls {
    margin-bottom: 5px;
    cursor: move
}

.task-sernumset-main .show-more .select-field>.controls:last-child {
    margin-bottom: 0
}

.task-sernumset-main .show-more .select-field>.controls:last-child .entity-item-add {
    vertical-align: middle
}

.task-sernumset-main .list-item.sernum-box {
    height: 50px
}

.task-sernumset-main .list-item.sernum-box>span {
    display: inline-block;
    width: 70px;
    position: absolute;
    left: 20px;
    top: 9px
}

.task-sernumset-main .list-item.sernum-box>div {
    max-width: 100%;
    padding-left: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0
}

.task-sernumset-main .list-item.sernum-box>div>* {
    font-size: 14px
}

.task-sernumset-main .taskruleset .taskruleset-left-box {
    width: 50%;
    float: left
}

.taskruleset-left-box .list-title {
    position: relative
}

.taskruleset-left-box .save-box {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -15px
}

.task-sernumset-main .taskruleset .taskruleset-left-box .caption {
    color: #999;
    font-size: 12px;
    width: 85%;
    margin-top: -8px
}

.task-sernumset-main .taskruleset .taskruleset-left-box .list-item span:not(.bold) {
    color: #999;
    font-size: 12px;
    font-weight: bold
}

.task-sernumset-main .taskruleset .taskruleset-right-box {
    width: 50%;
    float: right;
    padding-left: 20px
}

.task-sernumset-main .taskruleset .taskruleset-right-box .swicth-set-list {
    background: #f5f5f5;
    border: 1px solid #eaeaea
}

.task-sernumset-main .taskruleset .taskruleset-right-box .control-table {
    padding: 10px 10px 40px
}

.task-sernumset-main .taskruleset .taskruleset-right-box .control-table .table {
    background: #fff;
    margin-top: 10px
}

.task-sernumset-main .taskruleset .taskruleset-right-box .control-table .table tr>td {
    padding: 13px 15px;
    border-color: #ebebeb;
    color: #999
}

.task-sernumset-main .taskruleset .taskruleset-right-box .control-table .table tr>td.name {
    font-weight: bold;
    color: #666;
    font-size: 14px
}

.task-sernumset-main .taskruleset .taskruleset-right-box .control-table .table tr>td>span:first-child {
    font-weight: bold;
    font-size: 12px
}

.task-sernumset-main .taskruleset .taskruleset-right-box .control-table .table tr>td .num>span {
    font-size: 14px;
    color: #fb6e52
}

.task-form-wrap.form-empty {
    display: none
}

.task-form-wrap:not(.form-empty) {
    border-bottom: 13px solid #f7f7f7
}

.task-tree-list .tree-more {
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    color: #999;
    background: #f5f5f5;
    text-align: center;
    margin: 10px;
    cursor: pointer;
    font-size: 12px;
    -webkit-transition: all .15s linear;
    transition: all .15s linear
}

.task-tree-list .tree-more:hover {
    color: #666;
    background: #eee
}

.taskstat-advance-search .advance-search-box>.sch-group {
    margin: 0 0 -8px 0
}

.taskstat-advance-search .sch-wrapper .slideup-div {
    margin: 0 -20px
}

.taskstat-advance-search .advance-search-box>.sch-group select {
    width: 156px
}

.taskstat-advance-search .formstat-search-wrap {
    border: 0
}

.task-customui-main .taskcardsetting p.caption {
    font-size: 12px;
    color: #999;
    margin-top: -8px
}

.task-customui-main .taskcardsetting .tray-box {
    padding-bottom: 20px
}

.task-customui-main .taskcardsetting .initialpage {
    margin: 15px
}

.task-customui-main .taskcardsetting .swicth-set-list .explain {
    color: #999;
    font-size: 12px;
    font-weight: bold
}

.task-customui-main .taskcardsetting .swicth-set-list .custypediv .list-title {
    color: #666
}

.task-customui-main .taskcardsetting .initialpage>.describe {
    color: #999;
    margin: 10px 0 20px 30px;
    width: 485px
}

.task-customui-main .taskcardsetting .initialpage .card-btn {
    padding-left: 30px
}

.task-customui-main .taskcardsetting .initialpage .card-btn>a.btn {
    padding-left: 30px;
    padding-right: 30px
}

.task-customui-main .swicth-set-list {
    padding: 0 20px
}

.task-customui-main .swicth-set-list.card .list-title.no_bd {
    border-bottom: 0
}

.task-customui-main .swicth-set-list .field {
    color: #666
}

.task-customui-main .taskcardsetting .taskCusSet .swicth-set-list .list-title {
    padding: 9px 0
}

.subtask-weightsetting .swicth-set-list .title {
    color: #333;
    display: inline-block;
    margin-right: 5px
}

.subtask-weightsetting .swicth-set-list .list-item {
    padding: 9px 0
}

.subtask-weightsetting .swicth-set-list .list-item .e-range {
    float: left;
    display: block
}

.subtask-weightsetting .swicth-set-list .list-item>.e-range,.subtask-weightsetting .swicth-set-list .list-item>.detail {
    float: right
}

.subtask-weightsetting .swicth-set-list .list-item .help {
    vertical-align: middle
}

.subtask-weightsetting .swicth-set-list .list-item .help>a {
    color: #999;
    text-decoration: none
}

.subtask-weightsetting .swicth-set-list .title {
    color: #333;
    font-weight: normal;
    margin-right: 20px;
    float: left
}

.subtask-weightsetting .list-item.close_slide_up .radio-inline,.subtask-weightsetting .swicth-set-list .setting_all .title {
    color: #666
}

.subtask-weightsetting .swicth-set-list .close_slide_up .txt {
    font-size: 12px;
    color: #bababa;
    margin-left: 5px
}

.subtask-weightsetting .setting-tasktype .title {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 20px;
    padding-right: 580px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    float: left
}

.subtask-weightsetting .swicth-set-list .list-item>.detail {
    position: absolute;
    right: 20px
}

.subtask-weightsetting .setting-tasktype .info {
    display: block;
    float: left;
    margin-right: 5px;
    color: #999
}

.subtask-weightsetting .swicth-set-list .info:nth-of-type(2) {
    margin-left: 50px
}

.task-repeat-modal .mCustomScrollBox {
    width: 100%
}

.task-repeat-modal .modal-body {
    height: 300px
}

.task-repeat-setting {
    position: relative;
    padding: 20px
}

.task-repeat-setting .period-item {
    padding: 6px 20px;
    border-bottom: 1px solid #eee;
    min-height: 45px
}

.task-repeat-setting .period-item:first-child {
    border-radius: 2px 2px 0 0
}

.task-repeat-setting .period-item:last-child {
    border-radius: 0 0 2px 2px;
    border-bottom: 0
}

.task-repeat-setting .period-item:hover {
    background-color: #f5f5f5
}

.task-repeat-setting .period-item .label {
    display: inline-block;
    line-height: 30px;
    color: #999;
    font-weight: bold;
    margin-bottom: 0;
    font-size: 12px
}

.task-repeat-setting .period-item .content {
    color: #666;
    display: inline-block;
    margin: 0 10px
}

.task-repeat-setting .period-item .content.hide {
    display: none
}

.task-repeat-setting .period-item .entity-container:empty {
    margin-left: 0!important
}

.task-repeat-setting input.input-num {
    width: 28px;
    padding: 1px 2px;
    text-align: center
}

.task-repeat-setting .weekgroup {
    margin-left: 10px;
    display: inline-block
}

.task-repeat-setting .weekgroup.hide {
    display: none
}

.task-repeat-setting .setting-result {
    font-size: 12px;
    padding: 0 20px;
    margin-top: 15px
}

.task-repeat-setting .period-item .share-label {
    float: left;
    width: 75px;
    display: block
}

.task-repeat-setting .period-item .share-content {
    display: block;
    margin: 0 0 0 62px
}

.task-repeat-setting .share-content .entity-item-add {
    display: none
}

.task-repeat-setting .period-item:hover .entity-item-add {
    display: inline-block
}

.task-repeat-setting .entity-item a:not(.btn) {
    line-height: 32px
}

.task-repeat-setting .period-item .label {
    line-height: 32px
}

.all-type .task-list:empty {
    display: none
}

#subtask-head:not(.check-all) .subtask-remove-all {
    display: none
}

.main-hd[viewState="table"] .task-table-view {
    display: block
}

.streamContentDetail .detail-actions span.name {
    margin-right: 10px
}

.streamContentDetail .detail-actions span.time,.streamContentDetail .detail-actions span.name {
    font-weight: bold;
    color: #5a5858
}

.streamContentDetail .detail-actions span.time {
    margin-right: 10px
}

.streamdetails-list li {
    border-bottom: 1px solid #eee;
    overflow: hidden;
    line-height: 30px;
    min-height: 30px;
    padding: 9px 20px;
    position: relative
}

.streamdetails-list li:hover {
    background: #f5f5f5
}

.task-p_mset-main .table-title {
    font-size: 12px;
    color: #999;
    padding-left: 20px;
    margin-bottom: 2px
}

.task-p_mset-main .swicth-set-list {
    padding-left: 20px;
    padding-right: 20px
}

.task-p_mset-main .swicth-set-list .list-item {
    padding-left: 0;
    padding-right: 0
}

.task-p_mset-main .swicth-set-list .taskstartremind .earlytime {
    margin-top: -3px
}

.module-blog-view .main-bd.sidebar-in .main-sidebar {
    width: 291px
}

.module-blog-view .main-sidebar-bd {
    width: 290px
}

.module-blog-view .siderbar-ctrl-btn {
    margin-left: -24px
}

.blog-post {
    border-radius: 5px;
    padding: 0 12px 0;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #eaeaea;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s,height .2s ease;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,height .2s ease;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,height .2s ease
}

.modal .blog-post {
    margin: 20px
}

.blog-post.active {
    border-color: #66afe9;
    padding: 5px 15px 10px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.blog-post-input textarea {
    margin: 0;
    border: 0;
    resize: none;
    width: 100%;
    min-height: 60px
}

.blog-post textarea::-moz-placeholder {
    color: #bbb;
    font-style: italic
}

.blog-post textarea:-ms-input-placeholder {
    color: #bbb;
    font-style: italic
}

.blog-post textarea::-webkit-input-placeholder {
    color: #bbb;
    font-style: italic
}

.blog-post-handle {
    padding-top: 10px;
    border-top: 1px solid #e5e5e5;
    line-height: 30px;
    margin-top: 10px
}

.blog-post .form-preview,.blog-list .blog-box .form-preview {
    overflow-x: auto;
    padding-top: 10px;
    padding-bottom: 4px
}

.blog-post .form-preview {
    margin: 0 -15px
}

.blog-box .form-preview {
    margin-bottom: 10px
}

.module-detail-slide .blog-list .blog-box .form-preview {
    margin-bottom: 20px
}

.blog-post .form-preview .form-view,.blog-list .blog-box .form-preview .form-view {
    margin: 0;
    width: auto;
    min-width: 782px;
    border: 1px solid #ccc
}

.blog-list .blog-box .blog-body-edit .form-preview {
    margin: 0 -10px 12px -10px
}

.blog-list .blog-box .blog-body-edit .form-preview .form-view {
    border-width: 1px 0
}

.module-detail-slide .blog-list .blog-box .form-preview .form-view {
    min-width: 0
}

.blog-post .form-view .field-hoz .widget-content>* {
    width: 100%
}

.blog-list .tt-suggestion .employee img {
    height: 20px;
    width: 20px
}

.blog-post .form-preview .form-view {
    border-width: 1px 0 0
}

.blog-post-handle .plupload {
    width: 49px\0!important;
    height: 30px\0!important;
    z-index: 1\0!important;
    opacity: 0\0!important;
    top: 10px\0!important;
    left: 0\0!important
}

.blog-post-handle .post-tip {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    color: #999
}

.blog-post-handle>a:not(.btn) {
    color: #999;
    text-decoration: none;
    margin-right: 12px
}

.blog-post-handle>a:not(.btn):hover {
    color: #5d9cec
}

.blog-post-handle>a i {
    width: 14px;
    height: 14px;
    display: inline-block
}

.blog-post-handle>a.post-upload i {
    background-position: -353px -336px
}

.blog-post-handle>a.blog-emoji-new i {
    background-position: -353px -351px
}

.blog-post-handle>a.post-upload:hover i,.blog-post-handle>a.post-upload:focus i {
    background-position: -337px -336px
}

.blog-post-handle>a.blog-emoji-new:hover i,.blog-post-handle>a.blog-emoji-new:focus i {
    background-position: -337px -351px
}

.blog-post-handle>a.post-upload {
    left: 0
}

.blog-post-handle>a.blog-emoji-new {
    left: 22px
}

.blog-post-handle .post-submit {
    line-height: 30px;
    padding: 0 10px;
    border: 0;
    height: 30px;
    min-width: 85px;
    width: auto;
    border-radius: 4px
}

.blog-post-attachments.entity-container {
    padding-top: 10px;
    border-top: 1px dashed #ddd;
    display: block;
    margin-top: 10px
}

.blog-post-attachments.entity-container:empty {
    display: none
}

.blog-wrapper {
    padding-left: 50px;
    margin: 20px 0 0 25px;
    border-left: 1px solid #53b6eb
}

.blog-wrapper .blog-month {
    position: relative;
    padding-left: 10px;
    color: #666;
    margin-bottom: 30px
}

.blog-wrapper .blog-month:before {
    content: "";
    position: absolute;
    height: 18px;
    width: 18px;
    border: 1px solid #d3d3d3;
    background: #f9f9f9;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 3px #f9f9f9;
    -o-box-shadow: 0 0 0 3px #f9f9f9;
    box-shadow: 0 0 0 3px #f9f9f9;
    left: -59px
}

.blog-list .blog-item {
    margin-bottom: 20px;
    position: relative
}

.blog-list .blog-item .avatar {
    overflow: hidden;
    width: 100%;
    height: 100%
}

.blog-wrapper .blog-date-container:last-child:after {
    border: 1px solid #53b6eb;
    border-radius: 50%;
    content: "";
    height: 23px;
    width: 23px;
    margin: 0 0 0 -62px;
    background: #f9f9f9
}

.blog-list .blog-box {
    background: #fff;
    -o-box-shadow: 0 0 3px rgba(0,0,0,0.15);
    border-radius: 2px;
    padding: 15px 15px 8px;
    border: 1px solid #eaeaea
}

.blog-list .blog-box.blog-box-day {
    padding: 10px 15px
}

.blog-list .blog-box .form-view {
    border: 1px solid #ccc;
    margin: 10px 0;
    width: auto
}

.blog-list .other-blogs-container {
    padding: 10px
}

.blog-list .blog-records-fold.off i,.blog-list .detail-tab i {
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    transition: all .15s ease;
    display: inline-block
}

.blog-list .blog-records-fold.off {
    border: 0;
    padding-bottom: 0
}

.blog-list .blog-records-fold.off i,.blog-list .detail-tab i.on {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.blog-list .panel-heading .panel-collapse i {
    font-size: 25px!important
}

.blog-list dt {
    position: absolute;
    left: -68px;
    top: 3px;
    height: 36px;
    width: 36px;
    -webkit-box-shadow: 0 0 0 8px #f9f9f9;
    box-shadow: 0 0 0 8px #f9f9f9
}

.modal .blog-list dt {
    -webkit-box-shadow: 0 0 0 8px #eee;
    box-shadow: 0 0 0 8px #eee
}

.blog-list dt .avatar img {
    height: 100%;
    width: 100%;
    border-radius: 50%
}

.blog-list dt .blog-date {
    height: 100%;
    width: 100%;
    line-height: 36px;
    text-align: center;
    color: #108ee9;
    background: #f9f9f9;
    font-size: 12px;
    border: 1px solid #a9dbf5;
    border-radius: 50%
}

.blog-list dt .blog-date>div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.blog-list dt .blog-date.today {
    background: #53b6eb;
    color: #fff;
    border: 0;
    box-shadow: 3px 2px 6px #a9ddf9
}

.blog-list .blog-header p {
    margin-bottom: 5px
}

.blog-list .blog-header .new {
    margin-left: 10px;
    color: #e80000
}

.blog-list .blog-minor {
    color: #999;
    font-size: 12px;
    margin-top: 5px
}

.blog-list .blog-body {
    color: #47474d;
    line-height: 24px;
    word-break: break-all
}

.blog-list .blog-time {
    color: #999;
    font-size: 12px;
    margin-top: 5px;
    line-height: 28px
}

.blog-list .box-top {
    position: relative
}

.blog-list .blog-action {
    position: absolute;
    right: 0;
    display: none;
    bottom: 8px
}

.blog-list .blog-item:not(.blog-item-empty):hover .blog-action {
    display: block
}

.blog-adding-link {
    font-style: normal;
    color: #5d9cec
}

.blog-uploaded-imgs:empty {
    display: none
}

.blog-adding-link:hover {
    color: #fb6e52
}

.blog-list .blog-action+.panel {
    margin-top: 18px
}

.blog-list .blog-action a {
    margin-left: 10px
}

.blog-list .blog-action a.blog-add {
    height: 28px;
    padding: 0 8px;
    color: #999;
    border: 1px solid #bcbcbc;
    color: #999;
    text-decoration: none;
    line-height: 26px;
    text-align: center;
    border-radius: 14px;
    display: inline-block;
    vertical-align: middle
}

.blog-list .blog-action a.blog-add:hover {
    color: #23b7e5;
    border-color: #23b7e5
}

.blog-user-container .blog {
    position: relative
}

.blog-user-container .blog .blog-details-fold {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 25px 10px 0;
    width: 90%;
    text-align: right;
    cursor: pointer;
    display: none;
    z-index: 2
}

.blog-user-container:hover .blog .blog-details-fold {
    display: block
}

.blog-user-container .blog .blog-day {
    color: #999
}

.blog-user-container .blog-box-day .new {
    color: #de4a1b;
    margin-left: 20px
}

.blog-user-container .blog .blog-details-fold a {
    text-decoration: none;
    color: #999;
    display: inline-block;
    font-size: 18px
}

.blog-user-container .blog .blog-details-fold.off i {
    display: inline-block;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    transition: all .15s ease;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.blog-body-edit {
    border: 1px solid #d5d5d5;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 3px
}

.blog-body-edit .blog-input textarea {
    width: 100%;
    margin-bottom: 10px;
    min-height: 60px;
    resize: none!important
}

.blog-body-edit .entity-container.attachment {
    display: block;
    margin-right: 120px
}

.blog-body-edit .entity-container.attachment .entity-item.attachment {
    display: table;
    table-layout: fixed;
    max-width: 100%
}

.blog-body-edit .entity-container.attachment .entity-item a:first-child {
    width: 100%
}

.blog-body-edit .entity-container.attachment:empty {
    display: none
}

.module-blog-view .graph-28-bubble {
    background-position: -28px -92px
}

.module-blog-view .graph-28-lock,.usersummary .graph-28-lock {
    background-position: -56px -92px
}

.module-blog-view .graph-28-pencil:hover,.module-detail-view .graph-28-pencil:hover,.usersummary .graph-28-pencil:hover {
    background-position: 0 -64px
}

.module-blog-view .graph-28-delete:hover {
    background-position: -28px -823px
}

.module-blog-view .graph-28-bubble:hover {
    background-position: -28px -64px
}

.module-blog-view .graph-28-lock:hover,.usersummary .graph-28-lock:hover {
    background-position: -56px -64px
}

.blog-records-wrapper .blog-records-fold {
    font-size: 12px;
    color: #999;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    cursor: pointer
}

.blog-list .blog-box .panel {
    margin-bottom: 0
}

.blog-records-panel {
    font-size: 12px
}

.blog-list .blog-box .panel,.blog-list .blog-box .panel-heading {
    border: 0;
    box-shadow: none
}

.blog-list .blog-box .panel-heading {
    background: 0;
    padding: 0 10px;
    height: auto;
    min-height: 40px
}

.blog-list .blog-box .panel .common-more {
    padding: 5px 20px
}

.blog-list .blog-uploaded .entity-container:not(:empty) {
    margin-top: 10px
}

.blog-records-list {
    margin: 5px 0 -8px 10px
}

.blog-records-item {
    padding: 0 0 11px 30px;
    border-left: 1px solid #d5d5d5;
    position: relative;
    min-height: 46px
}

.blog-records-item:last-child {
    border-color: transparent
}

.blog-records-item .time {
    color: #999
}

.blog-records-item dfn {
    position: absolute;
    height: 26px;
    width: 26px;
    left: -14px;
    top: 1px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 2px #fff;
    -ms-box-shadow: 0 0 0 2px #fff;
    -o-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff
}

.blog-records-item dfn.mark-blog {
    background-position: 0 -627px
}

.blog-records-item dfn.mark-price {
    background-position: -234px -915px
}

.blog-records-item dfn.mark-task {
    background-position: -26px -627px
}

.blog-records-item dfn.mark-mainline {
    background-position: -52px -627px
}

.blog-records-item dfn.mark-doc {
    background-position: -78px -627px
}

.blog-records-item dfn.mark-crm {
    background-position: -104px -627px
}

.blog-records-item dfn.mark-flow {
    background-position: -130px -627px
}

.blog-records-item dfn.mark-agenda {
    background-position: -182px -627px
}

.blog-records-item dfn.mark-report {
    background-position: -208px -627px
}

.blog-records-item dfn.mark-stat {
    background-position: -234px -627px
}

.blog-records-item dfn.mark-enterprise {
    background-position: -286px -627px
}

.blog-records-item dfn.mark-attend {
    background-position: -144px -627px
}

.blog-records-item dfn.mark-flowstat {
    background-position: -260px -627px
}

.blog-records-item dfn.mark-contact {
    background-position: -156px -627px
}

.blog-records-item dfn.mark-saleChance {
    background-position: -312px -627px
}

.blog-records-item dfn.mark-production {
    background-position: -338px -627px
}

.blog-records-item dfn.mark-competitor {
    background-position: -364px -627px
}

.blog-records-item dfn.mark-clue {
    background-position: -26px -915px
}

.blog-records-item dfn.mark-contract {
    background-position: 0 -915px
}

.blog-records-item dfn.mark-orderform {
    background-position: -208px -915px
}

.blog-records-item dfn.mark-competitor {
    background-position: -364px -627px
}

.blog-records-item dfn.mark-marketactivity {
    background-position: -78px -915px
}

.blog-records-item dfn.mark-formdatareport {
    background-position: -104px -915px
}

.blog-records-item dfn.mark-kpi {
    background-position: -130px -915px
}

.blog-records-item dfn.mark-capital {
    background-position: -286px -915px
}

.blog-records-item dfn.mark-room {
    background-position: -260px -915px
}

.visitor-wrapper .tab {
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #eaeaea;
    overflow: hidden
}

.visitor-wrapper .tab .tab-item {
    color: #999;
    float: left;
    width: 50%;
    text-align: center
}

.visitor-wrapper .tab .tab-item a {
    color: #999;
    display: inline-block;
    line-height: 42px;
    height: 48px;
    text-decoration: none;
    padding-top: 3px;
    border-bottom: 2px solid transparent
}

.visitor-wrapper .tab .tab-item a.current {
    border-bottom-color: #23b7e5;
    color: #666;
    font-weight: bold
}

.visitor-wrapper .visitor-list li {
    height: 30px;
    margin: 16px 24px 16px 16px;
    overflow: hidden;
    position: relative;
    line-height: 30px;
    padding-right: 136px
}

.visitor-wrapper .visitor-list li:first-child {
    margin-top: 32px
}

.visitor-wrapper .visitor-list .avatar img {
    height: 28px;
    width: 28px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 8px
}

.visitor-wrapper .visitor-list a {
    color: #666;
    text-decoration: none
}

.visitor-wrapper .visitor-list .date {
    position: absolute;
    right: 0;
    font-size: 12px;
    color: #999;
    top: 0
}

.module-detail-view .blog-box {
    margin-top: 15px
}

.module-detail-view .blog-list .blog-box {
    box-shadow: none;
    border-radius: 0;
    position: relative
}

.module-detail-view .blog-list .blog-action+.blog-body-edit {
    margin-top: 10px
}

.module-detail-view .blog-list .blog-action {
    display: block;
    position: absolute;
    top: 44px;
    right: 22px
}

.module-detail-view .blog-list .j_blog-action.hide {
    display: none
}

.blog-body-edit .blog-input {
    margin-bottom: 10px;
    border-bottom: 1px solid #CCC
}

.blog-list .simditor-display {
    padding: 0
}

.blog-list .blog-no-blog {
    color: #999
}

.blog-list .simditor-display p,.blog-list .simditor-display div,.blog-list .simditor .simditor-body p,.blog-list .simditor .simditor-body div,.blog-list .editor-style p,.blog-list .editor-style div,.blog-post .simditor .simditor-body p,.blog-post .simditor .simditor-body div,.blog-post .editor-style p,.blog-post .editor-style div {
    margin: 0
}

#blog-center .simditor .simditor-body {
    min-height: 100px
}

#blog-center .blog-post .simditor .simditor-body {
    min-height: 36px;
    padding: 10px 15px 5px
}

#blog-center .blog-post.active .simditor .simditor-body {
    min-height: 100px
}

#blog-center .blog-post.active .simditor .simditor-wrapper .simditor-placeholder {
    padding-top: 12px
}

.module-detail-slide-blog {
    width: 824px;
    -webkit-transform: translateX(824px) translateY(0px);
    -moz-transform: translateX(824px) translateY(0px);
    -ms-transform: translateX(824px) translateY(0px);
    -o-transform: translateX(824px) translateY(0px);
    transform: translateX(824px) translateY(0px)
}

.module-detail-slide-blog .blogs-content>.mCustomScrollBox>.mCSB_container {
    padding-bottom: 350px
}

.other-blog-panel .panel-tab2>li>a {
    padding: 0 5px
}

.other-blog-panel .panel-tab2 {
    margin-left: -10px
}

.blog-comment-panel .detail-tab ul>li {
    margin: 0 5px
}

.blog-comment-panel .detail-tab ul>li:first-child {
    margin-left: 5px
}

.blog-comment-panel .detail-tab ul>li.active>a {
    color: #666
}

.blog-comment-panel .detail-tab ul>li>a {
    padding: 0 5px 0;
    line-height: 36px;
    color: #999;
    font-size: 12px;
    border-style: solid;
    border-color: transparent;
    border-width: 2px 0
}

.blog-comment-panel .detail-tab ul>li.active>a {
    border-bottom-color: #2dc3e8
}

.blog-comment-panel .panel-collapse>a {
    padding: 8px 10px 0;
    font-size: 18px
}

.blog-submit-table {
    background: #fff;
    border: 1px solid #d5d5d5;
    padding: 20px 20px 10px 20px
}

.blog-submit-table+.blog-submit-table {
    margin-top: 20px
}

.blog-submit-table .table-title {
    color: #333;
    margin-bottom: 5px
}

.blog-submit-table .table-list .list-item {
    color: #666;
    line-height: 36px
}

.blog-submit-table .table-list .list-item .item-col:first-child {
    cursor: pointer
}

.blog-submit-table .table-list .list-item .item-col {
    display: inline-block;
    vertical-align: top
}

.blog-submit-table .table-list .list-item i {
    margin-right: 8px
}

.blog-submit-table .table-list .list-item i.icon-radio-unchecked {
    color: #c1c1c1
}

.blog-submit-table .table-list .list-item i.icon-radio-checked {
    color: #39b8e7
}

.blog-submit-table .table-list .list-item .form-control {
    width: 50px;
    margin: 0 5px
}

.blog-submit-table .table-list .list-item .caption {
    color: #666;
    font-size: 12px
}

.blog-submit-table .table-list .list-item .caption .prompt {
    margin-right: 15px;
    font-size: 14px
}

.blog-submit-table .table-title .textual_fold {
    top: 0
}

.blogStatistics .stat-cdts .control-label {
    width: 55px
}

.blogStatistics .stat-cdts .controls {
    margin-left: 60px
}

.blogStatistics .stat-cdts-btn {
    padding-left: 60px
}

.blogStatistics .bar-type-div .bar-type {
    height: 180px
}

.blogStatistics .finish-chart-div .finish-chart {
    height: 214px
}

@media(max-width: 1500px) {
    .blogStatistics .bar-type-div .bar-type {
        height:206px
    }

    .blogStatistics .finish-chart-div .finish-chart {
        height: 240px
    }
}

.BMap_pop img {
    max-width: none
}

.attend-center-wrapper .attend-main {
    width: 100%
}

.attend-center-wrapper .attend-box {
    overflow-x: auto
}

.attend-center-wrapper .attend-content {
    min-width: 1574px
}

.attend-center-wrapper .attend-sidebar {
    float: left;
    width: 300px;
    padding: 20px 10px 0 0
}

.attend-sidebar .panel {
    font-size: 12px;
    color: #666;
    background: transparent
}

.attend-sidebar .panel .panel-heading {
    line-height: 37px;
    height: 38px;
    background: transparent
}

.attend-dropdown,.attend-dropdown .dropdown-toggle,.attend-dropdown .dropdown-toggle span {
    height: 30px;
    line-height: 30px
}

.attend-dropdown .dropdown-toggle,.attend-dropdown .dropdown-toggle span {
    display: inline-block
}

.attend-dropdown .dropdown-menu>li>a {
    padding: 0
}

.attend-dropdown .member-ul {
    position: absolute;
    z-index: 100;
    height: auto;
    max-height: 310px;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 -1px;
    display: block;
    background-color: #fff
}

.attend-dropdown .member-ul.hide {
    display: none
}

.attend-dropdown .member-ul ul li {
    height: 28px;
    line-height: 22px!important;
    width: 140px;
    margin: 0;
    padding: 3px 5px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.attend-dropdown .member-ul ul li a {
    width: 100%;
    display: inline-block
}

.attend-dropdown .member-ul ul li.active a,.attend-dropdown .member-ul ul li a:hover {
    background: 0
}

.attend-dropdown .member-ul ul li.active,.attend-dropdown .member-ul ul li:hover {
    background: #2dc3e8
}

.attend-dropdown .member-ul ul li a:hover,.attend-dropdown .member-ul ul li:hover a {
    text-decoration: none
}

.attend-dropdown .member-ul ul li.active a *,.attend-dropdown .member-ul ul li:hover a * {
    color: #fff
}

.attend-dropdown .member-ul ul li img {
    height: 20px;
    width: 20px;
    margin-right: 5px;
    vertical-align: -5px
}

.attend-dropdown .member-ul .mCSB_container {
    padding: 0 0 10px 0
}

.attend-dropdown * {
    color: #666
}

.attend-dropdown>a:hover {
    text-decoration: none;
    color: #666
}

.attend-main .form-horizontal,.attend-main .form-horizontal .controls {
    margin-left: 0;
    position: relative
}

.attend-main .form-horizontal .control-label {
    width: auto;
    font-weight: normal
}

.attend-main .form-horizontal .control-grounp {
    margin: 0 100px 0 0
}

.attend-main .form-horizontal .work-calendar {
    position: absolute;
    top: 0;
    right: 0
}

.attend-tab {
    margin: 0 -10px;
    min-width: 880px;
    white-space: nowrap
}

.attend-tab .tab-view {
    display: inline-block;
    vertical-align: top;
    width: 276px;
    white-space: normal
}

.attend-tab .view-item {
    margin: 0 10px;
    border: 1px solid #eaeaea
}

.attend-tab .item-header {
    height: 65px
}

.attend-tab .late .item-header {
    background-color: #ed6f58
}

.attend-tab .not-sign .item-header {
    background-color: #24bfef
}

.attend-tab .outside .item-header {
    background-color: #afc785
}

.attend-tab .item-header {
    font-size: 20px;
    line-height: 64px;
    padding: 0 25px;
    background: #fff;
    border-bottom: 1px solid #eaeaea
}

@media(max-width: 1280px) {
    .attend-tab .item-header {
        font-size:18px;
        padding: 0 15px
    }

    .attend-tab .item-header>.num {
        float: right;
        font-size: 32px
    }
}

.attend-tab .late .item-header,.attend-tab .not-sign .item-header,.attend-tab .outside .item-header {
    color: #fff;
    border: 0
}

.attend-tab .item-header>* {
    display: block;
    float: left
}

.attend-tab .item-header>num {
    float: right
}

.attend-tab .item-header>.num {
    float: right;
    font-size: 34px
}

.attend-tab .item-content {
    background-color: #fff;
    overflow: hidden;
    width: 100%
}

.attend-tab .item-content:empty {
    display: none
}

.attend-tab .content-info {
    border-bottom: 1px solid #eaeaea;
    padding: 15px;
    line-height: 25px;
    position: relative
}

.attend-tab .content-info.active {
    background-color: #f0f8fb
}

.attend-tab .content-info.active .complain-btn {
    color: #fff;
    background-color: #1f9fd1;
    border-color: #1597c5
}

.attend-tab .content-info:last-child {
    border-bottom: 0
}

.attend-tab .content-info .info-box {
    position: relative
}

.attend-tab .content-info>span {
    margin: 0 47px 0 0;
    display: block
}

.attend-tab .content-info>span .complain-info {
    float: right
}

.attend-tab .content-info>span.outside-card {
    cursor: pointer;
    background: transparent;
    text-decoration: none
}

.attend-tab .content-info>span.outside-card:hover,.attend-tab .content-info>span.outside-card:focus {
    color: #5d9cec;
    outline: 0;
    text-decoration: underline
}

.attend-tab .tab-vacation-view .content-info>span {
    margin: 0
}

.attend-tab .content-info>span>span {
    display: inline-block
}

.attend-tab .content-info>span>span:first-child {
    margin-right: 5px;
    float: left
}

.attend-tab .content-info .text {
    position: absolute
}

.attend-tab .content-info .flow-list {
    max-width: 100%;
    padding-left: 75px
}

.attend-tab .tab-view .view-item .content-info>span .a-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

.attend-tab .content-info .text {
    position: absolute;
    float: none;
    left: 0;
    top: 0
}

.attend-tab .tab-view .view-item .content-info>span .a-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

.attend-tab .complain-btn {
    padding: 0 8px;
    border-radius: 8px;
    position: absolute;
    top: 18px;
    right: 15px
}

.attend-center-wrapper .attend-box {
    margin-right: 0;
    padding-right: 0
}

@media(max-width: 1440px) {
    .attend-center-wrapper .attend-sidebar {
        display:none
    }

    .attend-center-wrapper .attend-main {
        margin-right: 0;
        padding-right: 0
    }
}

@media(max-width: 1100px) {
    .attend-center-wrapper .attend-main {
        overflow-x:auto
    }
}

.attend-timecard .modal-dialog {
    width: 85%!important;
    min-width: 1000px
}

.attend-timecard .modal-body {
    height: 600px;
    min-width: 943px
}

.attend-timecard .modal-body .timecard-info {
    width: 100%;
    display: block;
    margin: 0 -410px 0 0;
    padding: 0 410px 0 0;
    float: left;
    height: 600px;
    max-height: 600px
}

.attend-timecard .modal-body .map-info {
    width: 400px
}

.attend-timecard .calendar-datepicker {
    height: 600px;
    width: 100%
}

.attend-timecard .map-info {
    height: 600px!important;
    position: absolute;
    z-index: 0;
    right: 20px;
    display: block!important
}

.attend-timecard .datepicker-days table {
    min-height: 595px
}

.attendappeal-div .entity-item.attachment a.remoteDownload {
    max-width: 300px
}

.attendappeal-div .appeal-time {
    font-size: 0
}

.attendappeal-div .appeal-time>* {
    overflow: hidden;
    display: inline-block;
    font-size: 14px;
    margin-left: 5px
}

.attendappeal-div .appeal-time>*:first-child {
    margin-left: 0
}

.attendappeal-div .appeal-type>span {
    height: 30px;
    line-height: 30px;
    overflow: hidden
}

.attendappeal-div .appeal-type>* {
    display: inline-block
}

.attendappeal-div .appeal-type>* .selectui-result， .attendappeal-div .appeal-time>* input.form-control {
    width: 100px
}

.attendappeal-div .post-upload,.attendappeal-div .post-tip {
    display: inline-block;
    vertical-align: middle;
    color: #666
}

.attendappeal-div .post-upload:hover {
    text-decoration: none;
    color: #fb6e52
}

.attendappeal-div .post-upload i {
    margin-right: 10px
}

.attendappeal-div .appeal-type .dropdown-menu {
    max-height: 190px;
    overflow: auto
}

body>.tangram-suggestion-main {
    z-index: 1111
}

.attend-left {
    background-color: #fafafa
}

.attend-left .org-left-header {
    height: 51px
}

.attend-left .org-left-header lable {
    color: #8b8b8b;
    line-height: 51px;
    font-weight: bold;
    padding: 0 20px;
    font-size: 16px
}

.attend-right .header {
    background: #f8f8f8;
    border-bottom: 1px solid #ddd;
    height: 51px;
    position: relative
}

.attend-right .brand {
    margin: 0 0 0 10px;
    color: #454545;
    float: left;
    height: 51px;
    line-height: 51px
}

.attend-right .brand span {
    display: inline-block;
    height: 100%;
    margin: 0 15px 0 0;
    color: #888;
    cursor: pointer
}

.attend-right .brand span.active {
    border-bottom: 2px solid #2dc3e8;
    color: #2dc3e8;
    font-weight: bold
}

.attend-right .brand .graph {
    margin-right: 5px;
    border-radius: 50%;
    height: 36px;
    width: 36px
}

.attend-right .brand .graph-attend {
    background-position: -144px -156px
}

.attend-right .actions {
    float: right
}

.attend-right .actions>ul>li {
    float: left
}

.attend-right .actions>ul a {
    margin: 10px 5px 0 0
}

.attend-right .actions>ul a i {
    color: #a4a4a4
}

.attend-right .actions>ul a.hide {
    display: none
}

.attend-right .control-group {
    padding: 7px 20px
}

.attend-right .control-group .controls {
    line-height: 28px;
    padding-top: 0;
    margin-left: 95px
}

.attend-right .control-group .controls_mt {
    margin-top: 30px
}

.attend-right .control-group .controls>.controls-textspan {
    padding-top: 0
}

.attend-right .control-group .item {
    display: block
}

.attend-right .control-group .line-span {
    margin: 0 5px 0 0;
    display: inline-block
}

.attend-right .control-group .attend-line-box {
    margin: 5px
}

.attend-right .control-group .attend-line-btn {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 0
}

.attend-right .control-group .line-span:last-child {
    margin-right: 0
}

.attend-right .control-group .line-span .checkbox-inline>span {
    cursor: initial
}

.attend-right .control-group .attend-line {
    margin-bottom: 10px;
    position: relative
}

.attend-right .control-group .attend-line:last-child {
    margin-bottom: 0
}

.attend-right .control-group .map-content {
    height: 530px;
    width: 100%
}

.entity-info.attend-right .control-group .control-label {
    width: 95px
}

@media screen and (max-width: 1280px) {
    .attend-right .content .tray-tips {
        display:none
    }
}

.attend-right .modal-dialog {
    width: 942px
}

.attend-right .modal-body {
    max-height: 640px
}

.attend-right .control-group .address-div {
    max-width: 100%;
    min-height: 30px
}

.attend-right .control-group .address-item {
    height: 30px
}

.attend-right .control-group .address-item .see {
    margin-left: 10px
}

.attend-right .control-group .address-text {
    display: block;
    max-width: 100%;
    padding: 0 20px 0 0;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.attend-right .control-group .address-close {
    float: left;
    margin: 2px 0 0 -16px;
    position: relative;
    rgiht: 0;
    top: 0;
    z-index: 99;
    display: block;
    margin-rgiht: 50px
}

.attend-right .wifi-info {
    max-width: 136px;
    float: left;
    margin: 0 20px 10px 0
}

.attend-right .wifi-info .info-line {
    padding: 0 40px 0 0;
    display: inline-block;
    max-width: 100%;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 20px
}

.attend-right .wifi-info a.close {
    float: none;
    margin: 7px 0 0 -21px;
    display: none
}

.attend-right .wifi-info:hover a.close {
    display: inline-block
}

.attend-right .wifi-info-list {
    overflow: hidden;
    margin-bottom: -10px
}

.attend-right.org-right-col .mCSB_container {
    padding-bottom: 0
}

.attend-right .control-group .control-label .msg {
    color: #ff4949;
    font-style: italic;
    margin-left: 20px;
    font-weight: normal
}

.attend-right-config .attend-stattab tbody td {
    text-align: left;
    font-size: 12px
}

.attend-right-config .line-span .form-control {
    height: 25px;
    padding: 4px 10px;
    font-size: 12px;
    line-height: 19px;
    width: 60px
}

.attend-right .control-group .line-span>* {
    margin-right: 3px
}

.attend-right .control-group .line-span:last-child>*:last-child {
    margin-right: 0
}

.attend-right .control-group .line-span .entity-item-add i {
    font-size: 12px;
    color: #d5d5d5;
    border-color: #d5d5d5;
    height: 16px;
    line-height: 15px;
    width: 16px;
    margin-top: 7px
}

.attend-right .control-group .line-span .entity-item-add:hover i,.attend-right .control-group .line-span .entity-item-add:focus i {
    color: #999;
    border-color: #999
}

.attend-stattab thead th {
    color: #6b6b6b;
    background: #f8f8f8;
    vertical-align: middle!important;
    text-align: center
}

.attend-stattab tbody td {
    color: #999;
    background: #fff;
    text-align: center
}

.attend-stattab-left thead th,.attend-stattab-left tbody td {
    text-align: left
}

.attend-collectstat table {
    background-color: #fff
}

.attend-collectstat table td,.attend-collectstat table th {
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.attend-collectstat table thead th {
    background-color: #f5f5f5
}

.attend-detail-view .innertable-div table {
    border: 0
}

.attend-detail-view .innertable-div table tr>td .no-workday {
    padding-left: 10px;
    color: #fa6e52
}

.attend-detail-view .innertable-div table tr:first-child td {
    border-top: 0
}

.attend-detail-view .innertable-div .no-data,.attend-vacation-view .innertable-div .no-data {
    background-color: #fff;
    border-color: #ddd;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    padding: 10px
}

.timecardinfo-content .entity-info .control-group .control-label {
    width: 95px
}

.timecardinfo-content .entity-info .control-group .control-label .graph {
    display: inline-block!important
}

.attend-statdiv .attend-stattab thead tr:first-child th:first-child {
    min-width: 120px;
    width: 120px
}

.attend-stattbody tbody tr td:first-child {
    max-width: 120px
}

.attend-collectstat table th:first-child {
    min-width: 120px;
    width: 120px
}

.attend-stattbody.table-bordered>tbody>tr>td,.attend-stattbody.table-bordered {
    border-top: 0
}

.attend-abnormal .stat-table th {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.attend-abnormal .appeal-ul .mCSB_container {
    padding: 0 0 60px 0
}

.attend-abnormal .appeal-ul .ck {
    display: none
}

.attend-abnormal .appeal-ul ul>li:hover .ck {
    display: inline-block
}

.attend-abnormal .appeal-ul ul>li:hover .sn {
    display: none
}

.attend-abnormal .appeal-ul li>div:first-child {
    text-align: center
}

.attend-abnormal .appeal-ul li.no-data {
    background: transparent;
    color: #999
}

.attend-abnormal .appeal-ul li.checked-show .sn {
    display: none
}

.attend-abnormal .appeal-ul li.checked-show .ck {
    display: inline-block
}

.attend-abnormal .appeal-ul .item.nohidden {
    min-width: 120px
}

.attend-abnormal .appeal-ul .item.nohidden .dropdown-menu {
    width: 100px
}

.attend-abnormal .appeal-ul .item.nohidden .dropdown .dropdown-toggle {
    width: 100px
}

@media screen and (max-width: 1480px) {
    .attend-abnormal .appeal-ul .item.nohidden {
        min-width:0
    }

    .attend-abnormal .appeal-ul .item.nohidden .dropdown .dropdown-toggle {
        width: 70px
    }

    .attend-abnormal .appeal-ul .item.nohidden .dropdown-menu {
        width: 70px
    }

    .attend-abnormal .appeal-ul .item.nohidden .dropdown-menu>li>a {
        padding-left: 13px;
        padding-right: 13px
    }
}

.attend-abnormal .appeal-ul {
    min-width: 860px
}

.attend-abnormal .appeal-ul li>div:not(.nohidden) {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.attend-abnormal .stat-table th,.attend-abnormal .stat-table td {
    vertical-align: middle;
    text-align: center;
    max-width: 75px;
    min-width: 45px
}

.attend-abnormal .attend-abnormaldata table.abnormal-statbody,.attend-abnormal .attend-abnormaldata table.abnormal-statbody tr:first-child>td {
    border-top: 0
}

.attend-abnormal .abnormal-statbody td.autorow {
    word-break: break-all;
    word-wrap: break-word
}

.attend-center-wrapper .stat-calendar table {
    background: #fff;
    border: 1px solid #e5e5e5
}

.attend-center-wrapper .stat-calendar td {
    border-width: 1px 0 0 1px
}

.attend-center-wrapper .stat-calendar tbody tr td {
    border-color: #e8e8e8
}

.attend-center-wrapper .stat-calendar .holiday {
    background-color: #f5f5f5
}

.attend-center-wrapper .stat-calendar table .rest {
    background: #fcdad7;
    border-color: #f0c5c5;
    color: #ce3030;
    border-width: 1px 1px 1px 1px
}

.attend-center-wrapper .stat-calendar td.today.rest>div {
    border: 1px solid #f0c5c5
}

.attend-center-wrapper .stat-calendar table .today {
    border-width: 1px 1px 1px 1px
}

.attend-center-wrapper .stat-calendar td.today:hover {
    background: #fdfcfc!important
}

.attend-center-wrapper .stat-calendar td.today.holiday,.attend-center-wrapper .stat-calendar td.today.holiday:hover {
    background: #f2f2f2!important
}

.attend-center-wrapper .stat-calendar td.today.rest,.attend-center-wrapper .stat-calendar td.today.rest:hover {
    background: #fcdad7!important;
    border-color: #f0c5c5!important
}

.attend-center-wrapper .stat-calendar table td.today>div {
    border: 1px solid #999
}

.attend-center-wrapper .color-info {
    list-style: none
}

.attend-center-wrapper .tip-box>*,.attend-center-wrapper .tip-box li {
    float: left
}

.attend-center-wrapper .tip-box>span {
    margin-right: 10px;
    line-height: 23px
}

.attend-center-wrapper .tip-box {
    float: right;
    margin-bottom: 10px
}

.attend-center-wrapper .color-info>*>* {
    display: block;
    font-weight: normal;
    margin: 0 10px 0 0;
    float: left;
    line-height: 23px
}

.attend-center-wrapper .color-info span {
    width: 15px;
    height: 15px;
    margin-top: 4px;
    border-radius: 50%
}

.attend-center-wrapper .color-info .workday span {
    background: #fff;
    border: 1px solid #d5d5d5
}

.attend-center-wrapper .color-info .holiday span {
    background: #f2f2f2;
    border: 1px solid #d5d5d5
}

.attend-center-wrapper .color-info .rest span {
    background: #fcdad7;
    border: 1px solid #f0c7c7
}

.attend-timecardinfo .timecard-attachment .controls>.entity-container {
    margin-bottom: 0
}

.vacation-typeset-view>.mCustomScrollBox>.mCSB_container {
    padding-bottom: 300px
}

.vacation-typeset-view .tray-tips {
    width: 33.33%
}

.vacation-typeset-list .list-title .input-group {
    width: 197px
}

.vacation-typeset-list .list-title .input-group input[type="text"] {
    width: 140px
}

.vacation-typeset-list .list-item {
    position: relative;
    background-color: #fff
}

.vacation-typeset-list>.list-item {
    border-bottom: 0;
    border-top: 1px solid #eee
}

.vacation-typeset-list .ui-sortable .list-item {
    cursor: pointer;
    overflow: inherit
}

.vacation-typeset-list .ui-sortable .list-item:hover {
    background: #f8f8f8
}

.vacation-typeset-list .add-options {
    color: #999;
    padding-top: 20px;
    padding-bottom: 20px
}

.swicth-set-list.vacation-typeset-list .list-item.add-options:last-child {
    border-top: 1px solid #eee
}

.vacation-typeset-list .vacations-placeholder {
    border: dashed 1px #ccc;
    background-color: #f4f5da;
    height: 49px
}

.vacation-typeset-list .list-item .sn {
    height: 30px;
    display: inline-block;
    line-height: 30px;
    width: 30px;
    text-align: center;
    margin-right: 10px;
    border-radius: 3px;
    position: absolute;
    color: #999
}

.vacation-typeset-list .list-item .vacation-name-div {
    display: inline-block;
    padding: 0 400px 0 40px;
    width: 100%
}

.vacation-typeset-list .list-item .vacation-name {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%
}

.vacation-typeset-list .list-item .vacation-name:not([readonly]):not([disabled]):hover,.vacation-typeset-list .list-item .vacation-name:not([readonly]):not([disabled]):focus {
    background: #eee
}

.vacation-typeset-list .list-item .opt-setting {
    position: absolute;
    right: 230px;
    top: 9px;
    width: 132px
}

.vacation-typeset-list .list-item .opt-setting>div {
    float: left;
    color: #666
}

.vacation-typeset-list .list-item .opt-setting>div+div {
    margin-left: 20px
}

.vacation-typeset-list .list-item .vacation-checkbox>input,.vacation-typeset-list .list-item .opt-setting>span {
    display: block;
    float: left
}

.vacation-typeset-list .list-item .vacation-checkbox>input {
    margin: 9px 3px 0 0
}

.vacation-typeset-list .opt-setting .selectui-result>i {
    opacity: 0
}

.vacation-typeset-list .opt-setting .selectui-result {
    border-color: transparent
}

.vacation-typeset-list .list-item:hover .selectui-result,.vacation-typeset-list .list-item:focus .selectui-result {
    border-color: #ccc
}

.vacation-typeset-list .list-item:hover .selectui-result>i,.vacation-typeset-list .list-item:focus .selectui-result>i {
    opacity: 1
}

.vacation-typeset-list .list-item .opt-btn {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 9px;
    width: 201px;
    text-align: right
}

.vacation-typeset-list .list-item .vacation-config,.vacation-typeset-list .list-item .vacation-del,.vacation-typeset-list .list-item .vacation-status {
    display: none;
    color: #b5b5b5;
    text-decoration: none;
    position: relative;
    padding: 0 10px;
    font-size: 12px
}

.vacation-typeset-list .list-item:hover .vacation-config,.vacation-typeset-list .list-item:hover .vacation-del,.vacation-typeset-list .list-item:hover .vacation-status {
    color: #0971b9;
    display: inline-block
}

.vacation-typeset-list .list-item:hover .vacation-config.hide {
    display: none
}

.vacation-typeset-list .list-item .vacation-status:after,.vacation-typeset-list .list-item .vacation-config:after {
    content: "";
    display: block;
    height: 15px;
    width: 1px;
    background: #efefef;
    position: absolute;
    right: 0;
    top: 8px
}

.vacation-typeset-list .list-item .type_disabledtxt {
    margin-right: 8px;
    color: #999;
    font-size: 12px
}

.vacation-typeset-list .list-item .type_disabledtxt:empty {
    display: none
}

.vacation-typeset-list .list-item .type_disabledtxt:not(:empty)+.type_disabledtxt:not(:empty),.vacation-typeset-list .list-item .type_disabledtxt:not(.hide)+.type_disabledtxt:not(.hide) {
    margin-left: 10px
}

.vacation-typeset-list .list-item:hover .type_disabledtxt {
    display: none
}

.vacation-typeset-list .option-value {
    font-size: 12px;
    margin-left: 10px;
    color: #999
}

.attend-collectstat table {
    width: 100%;
    text-align: center
}

.attend-collectstat .mCSB_container_wrapper {
    margin-bottom: 0
}

.attend-collectstat .mCSB_container_wrapper>.mCSB_container {
    padding-right: 0
}

.attendappeal-div .detail-list .detail-item {
    display: block;
    clear: both
}

.attendappeal-div .detail-list .detail-item>div {
    float: left;
    margin: 0 10px 5px 0
}

.attendappeal-div .detail-list .detail-item>div:last-child {
    margin-right: 0
}

.attendappeal-div .detail-list .dropdown-menu>li>a {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis
}

.attend-flow-setting .view-menu {
    width: 180px;
    background: #eee
}

.attend-flow-setting .view-menu .nav>li>a {
    color: #666;
    padding: 14px 15px
}

.attend-flow-setting .view-menu .nav>li.active>a {
    background: #fff;
    font-weight: bold;
    border-color: #e3e3e3;
    border-style: solid;
    border-width: 1px 0 1px 1px
}

.attend-flow-setting .view-menu .nav>li:not(:last-child) {
    border-bottom: 1px solid #e7eaec
}

.attend-flow-setting .view-main {
    border: 1px solid #e3e3e3
}

.attend-flow-setting .view-main .list>li {
    padding: 9px 15px;
    border-bottom: 1px solid #e7eaec;
    color: #666
}

.attend-flow-setting .view-main .list>li:last-child,.attend-flow-setting .view-main .list>li:only-child {
    border-bottom: 0
}

.attend-flow-setting .view-main .list .txt {
    width: 104px;
    display: inline-block;
    height: 30px;
    line-height: 29px;
    vertical-align: middle
}

.attend-flow-setting .view-main .list .txt+div {
    vertical-align: middle
}

.attend-orbitsetting-list .list-item,.attend-orbitsetting-list .list-title {
    border-bottom: 1px solid #eee;
    line-height: 30px;
    min-height: 30px;
    padding: 9px 20px;
    position: relative
}

.attend-orbitsetting-list .list-item .control-label {
    float: left;
    line-height: 30px;
    color: #999;
    white-space: nowrap;
    width: auto;
    padding-top: 0;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    margin-right: 10px
}

.attend-orbitsetting-list .list-item .control-title {
    margin-right: 0
}

.attend-orbitsetting-list .list-item .entity-item-add {
    vertical-align: middle;
    margin-top: 2px
}

.attend-orbitsetting-list .list-item .item-icon {
    color: #c1c1c1;
    margin-right: 8px
}

.attend-orbitsetting-list .list-item .item-icon.icon-radio-checked {
    color: #39b8e7
}

.attend-orbitsetting-list .list-item .item-col {
    line-height: 36px;
    color: #666
}

.attend-column-box.modal .modal-dialog {
    width: 800px
}

.attend-vacation-set-table td>div,.attend-vacation-set-table th>div {
    position: relative
}

.attend-vacation-set-table .th-checkbox {
    width: 40px
}

.attend-vacation-set-table td>div>input,.attend-vacation-set-table th>div>input {
    position: absolute;
    top: 50%;
    text-align: center;
    margin-top: -15px
}

.attend-vacation-set-log .sham-tab .list {
    border-style: solid;
    border-width: 0 1px 1px;
    border-color: #ddd
}

.entitybox.modal .attend-vacation-set-log .mCustomScrollbar .mCSB_container {
    padding-bottom: 0
}

.attend-vacation-set-log .sham-tab .table-more {
    line-height: 20px;
    border: 0
}

.attend-vacation-set-log .log-options {
    position: relative;
    padding-right: 80px
}

.attend-vacation-set-log .log-search-btn {
    position: absolute;
    top: 0;
    right: 0
}

.attend-operationlog-box .attend-stattab:nth-child(2) {
    border-top: 0
}

.attend-operationlog-box .attend-stattab th,.attend-operationlog-box .attend-stattab td {
    word-break: break-all
}

.attend-vacation-detail-view .detail-table-view {
    padding: 20px
}

.attend-vacation-detail-view .detail-table-view table {
    background: #fff;
    color: #666
}

.attend-vacation-detail-view .detail-table-view table>thead>tr {
    background: #f5f5f5
}

.attend-vacation-detail-view .detail-table-view table>thead>tr>td,.attend-vacation-detail-view .detail-table-view table>tbody>tr>td {
    vertical-align: middle
}

.attend-table-width-control {
    margin-bottom: 5px
}

.attend-table-width-control>thead>tr>th {
    white-space: nowrap;
    min-width: 81px
}

.attend-table-width-control>tbody>tr>td {
    min-width: 81px
}

.attend-stattab-contentDiv,.attend-stattab-contentDiv>tbody>tr>td {
    border-top: 0
}

.attend-stattab-contentDiv>tbody>tr>td.c-total {
    background-color: #fcf8e3;
    color: #5cb85c
}

.attend-table-width-control>thead>tr>th.th-checkbox {
    min-width: 40px
}

.attend-table-width-control>tbody>tr>td.td-checkbox {
    min-width: 40px
}

.attend-table-width-control>thead>tr>th.th-name {
    min-width: 120px;
    width: 120px
}

.attend-table-width-control>tbody>tr>td.td-name {
    min-width: 120px;
    max-width: 120px;
    width: 120px
}

.attend-table-width-control .name {
    max-width: 120px;
    text-align: center
}

.attend-vacation-set-table,.attend-vacation-set-table>tbody>tr:first-child>td {
    border-top: 0
}

.attend-view .toolkit-list .dropdown-arrow .dropdown-toggle.btn-success:hover,.attend-view .toolkit-list .dropdown-arrow .dropdown-toggle.btn-success:focus,.attend-view .toolkit-list .dropdown-arrow .dropdown-toggle.btn-success:active,.attend-view .toolkit-list .dropdown-arrow .dropdown-toggle.btn-success.active,.attend-view .toolkit-list .dropdown-arrow .open>.dropdown-toggle.btn-success {
    color: #fff!important;
    background-color: #50a050!important;
    border-color: #469646!important
}

.attendtime-setting-modal.enlarge-modal.modal .modal-dialog {
    width: 860px
}

.attendtime-setting-modal .detail-rule-table+.detail-rule-table {
    margin-top: 20px
}

.attendtime-setting-modal .detail-rule-table th {
    background: #f7f7f7
}

.attendtime-setting-modal .detail-rule-table th,.attendtime-setting-modal .detail-rule-table td {
    line-height: 30px;
    padding: 8px
}

.attendtime-setting-modal .detail-rule-table td>* {
    vertical-align: top;
    font-size: 12px
}

.attendtime-setting-modal .detail-rule-table td>.label {
    color: #777
}

.attendtime-setting-modal .detail-rule-table .time-line>div+div {
    margin-top: 5px
}

.attendtime-setting-modal .detail-rule-table .choose-workday .content {
    width: 180px
}

.attendtime-setting-modal .detail-rule-table .choose-workday .entity-item {
    vertical-align: top
}

.attendtime-setting-modal .detail-rule-table .line-span .form-control {
    height: 25px;
    width: 55px
}

.attendtime-setting-modal .detail-rule-table .time-line+.time-line {
    margin-top: 10px
}

.attendtime-setting-modal .detail-rule-table .line-span {
    font-size: 0
}

.attendtime-setting-modal .detail-rule-table .attend-line-wapper {
    display: inline-block
}

.attendtime-setting-modal .detail-rule-table .attend-line-btn {
    display: inline-block;
    position: relative;
    top: -20px;
    right: -50px
}

.attendtime-setting-modal .detail-rule-table .line-span+.line-span {
    margin-right: 5px
}

.attendtime-setting-modal .detail-rule-table .line-span:last-child {
    margin: 0
}

.attendtime-setting-modal .detail-rule-table .line-span>* {
    margin-right: 3px;
    font-size: 12px;
    vertical-align: middle
}

.attendtime-setting-modal .detail-rule-table .line-span:last-child>*:last-child {
    margin-right: 0
}

.attendtime-setting-modal .detail-rule-table .time-line .entity-item-add i {
    border: 1px solid #d5d5d5;
    color: #d5d5d5;
    height: 16px;
    line-height: 16px;
    width: 16px;
    font-size: 12px;
    margin-top: 7px
}

.attendtime-setting-modal .detail-rule-table .time-line .entity-item-add:hover i,.attendtime-setting-modal .detail-rule-table .time-line .entity-item-add:focus i {
    border: 1px solid #999;
    color: #999;
    height: 16px;
    line-height: 15px;
    width: 16px;
    font-size: 12px;
    margin-top: 7px
}

.attendtime-setting-modal .detail-rule-table .choose-workday .entity-item-add {
    display: none
}

.attendtime-setting-modal .detail-rule-table .choose-workday:hover .entity-item-add {
    display: inline-block
}

.attendtime-setting-modal .mCSB_container {
    padding-bottom: 170px
}

.attend-vacationrule-view>.mCustomScrollBox>.mCSB_container {
    padding-bottom: 180px
}

.attend-rule-list>ul>li {
    padding: 8px 28px;
    border-bottom: 1px solid #d5d5d5;
    line-height: 30px
}

.attend-rule-list>ul>li .e-selectui .dropdown-menu>li>a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.attend-rule-list>ul>li .selectui-result {
    padding: 0 29px 0 13px
}

.attend-rule-list .annual-stair-wrapper {
    padding: 0;
    border-bottom: 0
}

.attend-rule-list .annual-stair-item {
    padding: 8px 28px;
    border-bottom: 1px solid #d5d5d5;
    position: relative
}

.attend-rule-list .annual-stair-item:last-child {
    border: 0
}

.attend-rule-list .annual-stair-item .sn {
    margin-right: 10px
}

.attend-rule-list .annual-stair-item .sn:after {
    content: '.';
    display: inline-block
}

.attend-rule-list .annual-stair-item .item-content {
    display: inline-block;
    vertical-align: middle
}

.attend-rule-list .annual-stair-item .item-content .content-col {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle
}

.attend-rule-list .annual-stair-item .btn-remove {
    position: absolute;
    right: 15px;
    top: 7px;
    font-size: 20px;
    text-decoration: none;
    color: #999
}

.attend-rule-list .annual-stair-item .btn-remove:hover {
    color: #5d9cec
}

.attend-rule-list .list-item .item-title {
    margin-right: 67px
}

.attend-rule-list .list-item:last-child .item-title {
    margin-right: 40px
}

.attend-rule-list .list-item .item-date {
    display: inline-block;
    margin-right: 30px
}

.attend-rule-list .list-item label {
    font-weight: normal;
    margin-bottom: 0
}

.attend-rule-list .list-item label input[type="radio"] {
    vertical-align: middle;
    margin: -2px 4px 1px 0
}

.attend-rule-list .date-clip {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.attend-rule-list .date-clip.firefox_fix:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 1px;
    height: 26px;
    width: 11px;
    background: #fff
}

.attend-locationmap-modal .module-detail-view .mapcontentscr .mapsearch {
    position: relative
}

.attend-locationmap-modal .module-detail-view .mapcontentscr .mapsearch ul {
    width: 350px;
    position: absolute;
    right: 143px;
    top: 30px;
    z-index: 9999;
    border-left: 1px solid #e4e6e7;
    border-right: 1px solid #e4e6e7;
    border-bottom: 1px solid #e4e6e7
}

.attend-locationmap-modal .module-detail-view .mapcontentscr .mapsearch ul li {
    padding: 4px 10px;
    background: #fff;
    cursor: pointer;
    max-width: 350px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.attend-locationmap-modal .module-detail-view .mapcontentscr .mapsearch ul li i {
    margin-left: 2px;
    color: #999
}

.attend-locationmap-modal .module-detail-view .mapcontentscr .mapsearch ul li .address {
    font-size: 12px
}

.attend-locationmap-modal .module-detail-view .mapcontentscr .mapsearch ul li .message {
    color: #c4c7d1;
    margin-left: 3px;
    font-size: 12px
}

.attend-locationmap-modal .module-detail-view .mapcontentscr .mapsearch ul li:hover {
    background: #ebebeb
}

.attend-locationmap-modal .module-detail-view .mapcontentscr .qrcode-content {
    position: relative
}

.attend-locationmap-modal .module-detail-view .mapcontentscr .mapsearch .city,.attend-locationmap-modal .module-detail-view .mapcontentscr .mapsearch .address {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle
}

.attend-locationmap-modal .module-detail-view .mapcontentscr .mapsearch .city {
    max-width: 56px
}

.attend-locationmap-modal .module-detail-view .mapcontentscr .mapsearch .address {
    max-width: 84px
}

.attend-locationmap-modal .module-detail-view .mapcontentscr .qrcode-box {
    width: 175px;
    box-shadow: 0 2px 2px #e4e2e2;
    position: absolute;
    right: 0;
    top: 50px;
    background: #fff;
    z-index: 1;
    text-align: center
}

.attend-locationmap-modal .module-detail-view .mapcontentscr .qrcode-box:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    right: 25px;
    top: -50px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 25px solid transparent;
    border-bottom: 25px solid #FFF
}

.attend-locationmap-modal .module-detail-view .mapcontentscr .tips {
    font-size: 12px;
    display: block;
    color: #666;
    padding: 10px
}

.attend-locationmap-modal .module-detail-view .mapcontentscr canvas {
    width: 130px;
    margin-top: 20px
}

.attend-locationmap-modal .module-detail-view .mapcontentscr .report-btn {
    padding: 6px 10px;
    border: 1px solid #ddd;
    float: right;
    background: #fff;
    cursor: pointer;
    font-size: 12px;
    max-width: 135px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.attend-locationmap-modal .module-detail-view .mapcontentscr .report-btn:hover {
    background: #f9f9f9
}

.attend-locationmap-modal .module-detail-view .mapcontentscr .invalid-box {
    padding: 30px 20px
}

.attend-locationmap-modal .module-detail-view .mapcontentscr .invalid-box .refresh {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color: #666
}

.attend-location-empinfo {
    padding: 10px 15px;
    border-bottom: 1px solid #e6e6e6;
    line-height: 32px
}

.attend-location-empinfo .colum .label {
    color: #666;
    display: inline-block;
    font-weight: bold
}

.attend-location-empinfo .username {
    display: inline-block;
    position: relative;
    min-width: 152px
}

.attend-loction-status>p:nth-child(1) {
    font-size: 14px;
    color: #666
}

.attend-loction-status>p:nth-child(2) {
    font-size: 12px;
    color: #999;
    margin-bottom: 10px
}

.attend-location-empinfo .colum {
    display: inline-block;
    vertical-align: middle
}

.attend-loction-timeline .no-data {
    background-color: #fff;
    padding: 10px
}

.attend-loction-timeline {
    padding: 20px 15px 0
}

.attend-loction-timeline .timeline-wrapper {
    padding-bottom: 35px
}

.attend-location-empinfo .colum-date .date {
    color: #5d5d5d;
    display: inline-block
}

.attend-loction-timeline .timeline-unit .explain {
    position: relative;
    padding: 10px 0 0 57px
}

.attend-loction-timeline .timeline-unit .explain .stay-time .time {
    position: absolute;
    width: 40px;
    left: 8px;
    color: #999;
    font-size: 12px
}

.attend-loction-timeline .timeline-unit .explain .stay-time .down {
    bottom: -5px
}

.attend-loction-timeline .timeline-unit .explain .stay-time .stay {
    position: absolute;
    left: 10px;
    background: #38c4e6;
    color: #fff;
    width: 30px;
    text-align: center;
    top: 30px;
    bottom: 20px;
    border-radius: 15px
}

.attend-loction-timeline .timeline-unit .explain .stay-time .stick {
    top: 10px
}

.attend-loction-timeline .timeline-unit .explain .stay-time .stay span {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 100%;
    left: 0
}

.attend-loction-timeline .period {
    padding: 10px 20px 10px 43px;
    border-left: 1px solid #90c3f0;
    margin-left: 24px;
    color: #999;
    margin-top: 10px
}

.attend-loction-timeline .timeline-unit .line {
    width: 1px;
    padding: 20px 0;
    background: #999;
    float: left;
    margin-right: 43px;
    margin-left: 24px;
    margin-top: 7px
}

.attend-loction-timeline .timeline-unit .line-h {
    padding: 28px 0
}

.attend-loction-timeline .timeline-unit .line-h.dashed {
    border: 1px dashed #999
}

.attend-loction-timeline .timeline-unit .explain .stay-info {
    padding: 15px 10px
}

.attend-loction-timeline .timeline-unit .explain .stay-info a {
    text-decoration: none
}

.attend-loction-timeline .timeline-unit .explain .stay-info h3 {
    font-size: 14px;
    margin: 0;
    font-weight: normal;
    margin-bottom: 10px;
    color: #666
}

.attend-loction-timeline .timeline-unit .explain .stay-info:hover,.attend-loction-timeline .timeline-unit .explain .stay-info.active {
    background: #eff0f1
}

.attend-loction-timeline .timeline-unit .explain .stay-info .address {
    color: #666;
    font-size: 12px;
    margin-bottom: 8px
}

.attend-loction-timeline .timeline-unit .stay-info .check {
    color: #5d9cec
}

.attend-loction-timeline .timeline-unit .stay-info .check>span:nth-child(1) {
    margin-right: 13px
}

.attend-loction-timeline .timeline-unit .stay-time .stay {
    position: absolute;
    left: 10px;
    background: #999;
    color: #fff;
    width: 30px;
    text-align: center;
    top: 0;
    bottom: 0;
    min-height: 30px
}

.attend-loction-timeline .timeline-unit-start .explain .stay-time .stay {
    width: 30px;
    height: 30px;
    top: 10px
}

.attend-loction-timeline .timeline-unit-start .explain .stay-time .time {
    bottom: 0
}

.attend-loction-timeline .timeline-unit-start .explain {
    position: relative;
    padding: 0 0 0 57px
}

.attend-loction-timeline .timeline-unit-disable .explain {
    padding: 9px 0 0 57px
}

.attend-loction-timeline .timeline-unit-disable .explain .checktime {
    position: absolute;
    top: 9px;
    left: 65px
}

.attend-loction-timeline .timeline-unit-disable .period {
    padding: 10px 9px 10px 37px;
    border-left: 1px dashed #b3b3b3
}

.attend-loction-timeline .timeline-unit .period-time {
    padding: 25px 20px 4px 43px;
    color: #999;
    margin-top: 7px
}

.attend-loction-timeline .timeline-unit .explain .stay-time .stay-botton {
    top: 10px
}

.attend-location-empinfo .typeahead-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100
}

.attend-location-empinfo .entity-item-add i.icon-pencil {
    vertical-align: middle
}

.attend-location-map label {
    max-width: none
}

.noattend-view .noattend-list {
    padding-left: 20px;
    padding-right: 20px
}

.noattend-view .noattend-list .list-item,.attend-orbitsetting-list .list-title {
    border-bottom: 1px solid #eee;
    line-height: 30px;
    min-height: 30px;
    padding: 9px 20px;
    position: relative
}

.noattend-view .noattend-list .list-item .control-label {
    float: left;
    line-height: 30px;
    color: #666;
    white-space: nowrap;
    width: auto;
    padding-top: 0;
    text-align: left;
    margin-right: 10px
}

.noattend-view .noattend-list .list-item .control-title {
    font-weight: bold;
    color: #333
}

.noattend-view .noattend-list .list-item {
    padding-left: 0;
    padding-right: 0
}

.noattend-view .noattend-list .list-item .entity-item-add {
    vertical-align: middle;
    margin-top: 2px
}

.noattend-view.mCustomScrollbar .mCSB_container {
    padding-bottom: 300px
}

.attend-appeal-table {
    background: #fff;
    border: 1px solid #eaeaea;
    padding: 20px 20px 10px 20px
}

.attend-appeal-table+.attend-appeal-table {
    margin-top: 20px
}

.attend-appeal-table .table-title {
    color: #333;
    margin-bottom: 5px;
    font-weight: bold
}

.attend-appeal-table .table-list .list-item {
    color: #666;
    line-height: 36px
}

.attend-appeal-table .table-list .list-item .item-col:first-child {
    cursor: pointer
}

.attend-appeal-table .table-list .list-item .item-col {
    display: inline-block;
    vertical-align: top
}

.attend-appeal-table .table-list .list-item .checkbox-inline {
    font-weight: normal;
    line-height: 37px
}

.attend-appeal-table .table-list .list-item i.item-icon {
    margin-right: 8px
}

.attend-appeal-table .table-list .list-item i.icon-radio-unchecked {
    color: #c1c1c1
}

.attend-appeal-table .table-list .list-item i.icon-radio-checked {
    color: #39b8e7
}

.attend-appeal-table .table-list .list-item .form-control {
    width: 50px;
    margin: 0 5px
}

.attend-appeal-table .table-list .list-item .entity-simpleshare .entity-item-add {
    margin-top: 5px
}

.module-appealdetail-view .detail-infos .info-item dd {
    margin-left: 55px
}

.module-appealdetail-view .entity-info .control-group .controls,.module-appealdetail-view .detail-infos .info-item dd {
    line-height: 31px
}

.module-appealdetail-view .detail-box .detail-infos {
    border-bottom: 1px solid #e5e5e5
}

.module-appealdetail-view .detail-infos .info-item dt {
    color: #999
}

.module-appealdetail-view .detail-reasonDetail .detail-infos:last-child {
    border-bottom: 0
}

.reports-left,.reports-right {
    position: absolute;
    top: 20px;
    bottom: 40px
}

.reports-left {
    width: 225px;
    left: 0
}

.reports-right {
    left: 225px;
    right: 20px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #eaeaea;
    padding-bottom: 20px
}

.reports-panel-hasmember .reports-right {
    right: 115px;
    bottom: 15px
}

.reports-right .detail-block {
    margin: 0 30px 13px 30px
}

.reports-right .detail-header {
    background: 0
}

.reports-right .reports-content .mCSB_container {
    padding: 0 0 320px 0
}

.reports-right-full {
    right: 14px
}

.timetree-childlist {
    padding: 0;
    margin: 0;
    list-style: none
}

.reports-right .relevance-block {
    margin: 20px 0 10px 0
}

.reports-right .detail-handle-wrap .handle-item a>.graph {
    margin-right: 10px;
    vertical-align: -3px;
    opacity: .7
}

.reports-selectyear {
    width: 176px;
    margin: 0 auto 18px
}

.reports-selectyear>.dropdown .dropdown-toggle {
    display: block;
    padding: 0 15px;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #666;
    line-height: 30px;
    font-size: 17px;
    text-decoration: none;
    text-indent: -10px
}

.reports-selectyear>.dropdown:hover .dropdown-toggle {
    color: #1880c8;
    border-color: #ccc;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.reports-selectyear>.dropdown .dropdown-menu>li>a {
    font-size: 14px;
    line-height: 26px
}

.reports-selectyear>.dropdown .dropdown-toggle .caret {
    border-width: 5px;
    margin-left: 8px;
    border-color: #666 #fff #fff;
    vertical-align: 3px
}

.reports-selectyear>.dropdown .dropdown-toggle:hover .caret,.reports-selectyear>.dropdown:hover .dropdown-toggle .caret {
    border-color: #1880c8 #fff #fff
}

.reports-selectyear .dropdown-menu {
    width: 100%;
    border-width: 0 1px 1px;
    margin: 0;
    padding-bottom: 0;
    border-radius: 0 0 3px 3px;
    border-color: #ccc;
    text-indent: 43px;
    background: #f9f9f9
}

.time-circle {
    display: inline-block;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    font-size: 0;
    background: #d5d5d5;
    box-shadow: 0 0 0 5px #f9f9f9
}

.timetree-weeklist>li.current>.time-circle {
    background: #888!important
}

.timetree-head.active .time-circle,.timetree-weeklist>li.active>.time-circle {
    background: #108ee9!important
}

.timetree-head.month .time-circle:hover,.timetree-head.season .time-circle:hover,.timetree-head.halfyear .time-circle:hover,.timetree-head.endyear .time-circle:hover {
    background: #fdc500
}

.timetree-head.season .time-circle {
    width: 16px;
    height: 16px
}

.timetree-head.month .time-circle {
    width: 9px;
    height: 9px
}

.timetree-head.halfyear .time-circle,.timetree-head.endyear .time-circle {
    width: 20px;
    height: 20px
}

.reports-timetree .time-circle {
    position: absolute;
    cursor: pointer
}

.reports-timetree {
    width: 100%;
    padding: 5px 5px 0 100px;
    float: right
}

.timetree-head {
    border-right: 1px solid #d5d5d5;
    position: relative;
    right: 119px;
    text-align: right;
    padding-right: 18px;
    height: 46px
}

.timetree-head label {
    font-weight: normal;
    cursor: pointer
}

.timetree-head.active {
    color: #1880c8
}

.timetree-head:last-child {
    border-color: transparent
}

.timetree-head .time-text {
    display: block;
    position: relative;
    top: -10px;
    cursor: pointer
}

.timetree-head.season .time-text {
    top: -7px
}

.timetree-head .time-text:hover {
    color: #1880c8
}

.timetree-head .time-text strong {
    position: relative;
    top: 1px
}

.timetree-head.season .time-text {
    padding-top: 6px
}

.timetree-head.halfyear .time-text,.timetree-head.endyear .time-text {
    padding-top: 7px
}

.timetree-head .time-circle {
    right: -4px;
    top: 0
}

.timetree-head.season .time-circle {
    right: -9px
}

.timetree-head.month .time-circle {
    right: -5px
}

.timetree-head.halfyear .time-circle,.timetree-head.endyear .time-circle {
    right: -11px
}

.timetree-head strong {
    font-size: 20px;
    margin-right: 3px
}

@media(max-width: 1280px) {
    .reports-left {
        width:210px
    }

    .reports-timetree {
        padding-left: 85px
    }

    .reports-right {
        left: 210px
    }

    .reports-timetree {
        font-size: 13px
    }

    .timetree-head strong {
        font-size: 17px
    }
}

.timetree-weeklist {
    padding: 0;
    margin: 0;
    list-style: none;
    border-left: 1px solid #d5d5d5
}

.timetree-weeklist>li {
    position: relative
}

.timetree-weeklist .time-circle {
    top: -6px;
    left: -4px
}

.timetree-weeklist>li>a {
    display: block;
    margin: 15px 7px 9px 16px;
    position: relative;
    top: -13px;
    color: #999;
    text-decoration: none;
    font-size: 12px
}

.timetree-weeklist>li.current>a {
    color: #666
}

.timetree-weeklist>li:hover>a,.timetree-weeklist>li.active>a {
    color: #108ee9
}

.timetree-weeklist .week-sn {
    font-size: 13px
}

.timetree-weeklist .week-date {
    margin-top: 2px
}

.reports-head .btn:focus {
    outline: 0
}

.reports-head .tool-box {
    position: absolute;
    right: 15px;
    top: 15px
}

.reports-head .btn-group .btn:first-child {
    border-radius: 3px 0 0 3px
}

.reports-head .btn-group .btn:last-child {
    border-radius: 0 3px 3px 0
}

.reports-head .btn-group>.btn {
    font-size: 12px;
    color: #666
}

.reports-head {
    padding: 12px 200px 15px 0;
    margin: 0 30px;
    overflow: hidden
}

.reports-head .head-box {
    overflow: hidden
}

.reports-content .goal-category ul.e-list>li .title {
    margin-right: 170px;
    text-overflow: inherit;
    position: relative;
    margin-left: 8px
}

.reports-content .goal-category .e-list>li .title .text {
    padding-right: 111px;
    padding-left: 100px
}

.reports-content .goal-category .e-list>li .title .moduleName {
    position: absolute;
    left: 0;
    top: 0
}

.reports-content .goal-category .e-list>li .title .percent {
    margin-left: -106px
}

.reports-head .title {
    padding: 0 97px 0 0;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%
}

.reports-head .date {
    overflow: hidden;
    width: 100%;
    color: #c8ccd5;
    font-size: 12px;
    margin-top: 3px
}

.reports-head .date * {
    font-style: normal
}

.reports-head .date>span+span {
    margin-left: 5px
}

.reports-head .opt {
    width: 87px;
    margin: 0 0 0 -93px;
    display: inline-block;
    line-height: 32px;
    white-space: nowrap
}

.reports-head .notpost-title {
    color: #f96c58;
    margin-left: 5px;
    font-size: 12px;
    display: inline-block
}

.reports-head .notpost-title.hide {
    display: none
}

.right-pane .reports-head {
    margin: 0;
    padding-left: 15px;
    position: relative
}

.reports-head .tool-div {
    position: absolute;
    top: 20px;
    right: 44px
}

.reports-head .tool-div>a.btn-msgset {
    text-decoration: none
}

.reports-head .tool-div>* {
    float: right;
    margin-right: 10px;
    color: #999;
    font-size: 12px
}

.reports-head .module-help {
    top: 19px;
    right: 30px
}

.reports-caption {
    font-size: 16px;
    line-height: 32px;
    color: #333
}

.reports-body {
    padding: 0 30px 10px 30px
}

.workreadonly-detail-view .reports-body {
    padding: 0 20px
}

.workreadonly-detail-view .reports-content {
    background: #fff
}

.workreadonly-detail-view .reports-body .detail-block.relevance-block {
    margin: 0 0 13px
}

.right-pane .reports-body {
    padding: 0 15px 20px
}

.reports-input,.reports-body .goal-category {
    margin-bottom: 18px
}

.reports-body .goal-category .form-preview {
    padding: 0;
    border-top: 0
}

.reports-body .goal-category .form-preview .form-border-view {
    width: 100%;
    margin: 0;
    border: 0
}

.report-result .weeklyblog-span>a {
    position: relative;
    z-index: 1;
    top: 15px;
    right: 15px
}

.report-result .weeklyblog-span>a:hover {
    text-decoration: none
}

.reports-input-tit {
    padding: 4px 0 10px;
    line-height: 24px
}

.reports-body .reports-input-tit .graph,.report-result h4 .graph {
    height: 22px;
    width: 22px;
    float: left;
    margin-right: 10px;
    display: none
}

.workreport_entitylist .e-list>li .sn-link {
    margin-right: 0
}

.workreport_entitylist .goal-category-option {
    right: 8px
}

.reports-body .graph-task {
    background-position: 0 -366px
}

.reports-body .graph-idea {
    background-position: -22px -366px
}

.reports-body .graph-plan {
    background-position: -44px -366px
}

.reports-input textarea {
    border-radius: 2px;
    min-height: 90px;
    margin: 0;
    padding: 12px 17px;
    resize: none;
    width: 100%;
    word-wrap: break-word
}

.reports-input textarea::-webkit-input-placeholder {
    color: #999;
    font-style: italic
}

.reports-input textarea:-moz-placeholder {
    color: #999;
    font-style: italic
}

.reports-input textarea::-moz-placeholder {
    color: #999;
    font-style: italic
}

.reports-input textarea:-ms-input-placeholder {
    color: #999;
    font-style: italic
}

.reports-body>.mCustomScrollBox>.mCSB_container {
    margin-right: 10px
}

.member-layer .mCSB_container,.reports-left .mCSB_container {
    margin-right: 0
}

.reports-content .goal-category-head {
    padding: 10px 5px 10px 0;
    background: 0;
    border-width: 1px;
    color: #333;
    cursor: pointer;
    font-weight: normal
}

.reports-content .goal-category ul.e-list {
    border-top: 0;
    border-color: #e5e5e5
}

.reports-content .goal-category ul.e-list>li:not(.no-hover):hover .hide-shortcut {
    display: none
}

.reports-content .goal-category ul.e-list>li:not(.no-hover):hover .display-right {
    display: block
}

.workreadonly-detail-view .reports-body .goal-category:first-of-type {
    margin-top: 20px
}

/*!*border: none;*!*/
.reports-content .goal-category-option>a:hover {
    background-color: #fff;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 1px 0 1px
}

.reports-content .goal-category-tip {
    position: absolute;
    display: inline-block;
    line-height: 30px;
    top: 7px;
    right: 0;
    margin-right: 70px;
    color: #9f9f9f
}

.reports-content .goal-category-tip>i {
    line-height: 30px
}

.reports-content .goal-category .e-list>li .shortcut>a.close {
    height: 44px;
    line-height: 41px
}

.reports-content .goal-category .e-list>li.extra-entity {
    background: #fefaec
}

.reports-content .goal-category .e-list>li.extra-entity:hover {
    background: #fefaec
}

.reports-content .goal-category .e-list>li .target-progress-box>input {
    width: 34px;
    padding: 4px 5px;
    font-size: 12px
}

.reports-content .goal-category .e-list>li .target-progress-txt {
    margin-right: 8px;
    color: #999;
    line-height: 44px
}

.reports-content .goal-category .e-list>li .right>span {
    margin-right: 5px
}

.reports-someoneNav {
    border-bottom: 1px solid #d9d9d9;
    margin: 0;
    list-style: none
}

.reports-someoneNav>li {
    padding: 19px 12px 0 10px
}

.reports-someoneNav>li.unread {
    background-color: #fff3f3
}

.reports-someoneNav .someoneNav-right {
    border-bottom: 1px solid #d9d9d9;
    padding: 0 13px 18px 0;
    position: relative
}

.reports-someoneNav>li:last-child .someoneNav-right {
    border: 0
}

.reports-someoneNav>li>.avatar img {
    height: 40px;
    width: 40px
}

.reports-someoneNav .someoneNav-right>h4 {
    margin: 0 0 2px
}

.reports-someoneNav .someoneNav-right>h4 a {
    font-size: 14px;
    display: block;
    font-weight: normal;
    color: #666;
    text-decoration: none
}

.reports-someoneNav>li:hover h4 a,.reports-someoneNav>li.active h4 a {
    color: #08c
}

.reports-someoneNav .someoneNav-right>p {
    color: #c8c8c8;
    margin-bottom: 0
}

.reports-someoneNav .someoneNav-right>p .author:not(:empty) {
    margin-right: 6px
}

.someoneNav-right-arrow {
    display: none;
    font-size: 26px;
    font-weight: bold;
    color: #6ab4f0;
    position: absolute;
    right: 0;
    top: 11px
}

.reports-someoneNav>li.active .someoneNav-right-arrow {
    display: block
}

.reports-head>span.time {
    line-height: 32px;
    color: #999
}

.reports-someone .reports-body {
    padding: 0 30px 0 30px;
    color: #666
}

.reports-body .report-result h4 {
    font-size: 14px;
    margin: 8px 0 5px;
    line-height: 24px;
    font-weight: normal;
    color: #333
}

.reports-body .report-result-content {
    margin-bottom: 25px;
    margin-top: 15px;
    color: #888;
    padding-left: 17px
}

.reports-share-panel .reports-right {
    right: 20px;
    top: 20px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    left: 268px;
    border-left: 1px solid #ddd
}

@media(max-width: 1280px) {
    .reports-share-panel .reports-right {
        left:230px
    }
}

.reports-share-panel .reports-left {
    left: 20px;
    top: 20px;
    background-color: #fff;
    padding: 30px 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.reports-share-panel .reports-left .no-result {
    border-bottom: 0;
    color: #999;
    font-size: 17px;
    padding-top: 165px
}

.reports-share-panel .reports-right .nodata-holder {
    padding-top: 134px
}

.reports-share-panel .reports-left .mCSB_container {
    padding-bottom: 100px
}

.reports-share-panel .reports-someoneNav .someoneNav-right {
    border-bottom: 0;
    padding: 0
}

.reports-share-panel .reports-someoneNav>li {
    padding: 10px 30px;
    margin-top: 5px
}

.reports-share-panel .reports-someoneNav>li.selected {
    background-color: #f7f7f7
}

.reports-share-panel .reports-someoneNav {
    border-bottom: 0
}

.reports-share-panel .reports-left .sharetype-down {
    margin: 0 30px 5px 30px
}

.reports-share-panel .reports-left .reports-share-panel .reports-someoneNav .someoneNav-right>h4 a {
    color: #707070
}

.reports-share-panel .reports-someoneNav li.selected a {
    color: #5d9cec
}

.reports-share-panel .reports-someoneNav .someoneNav-right>p {
    color: #a7a7a7;
    font-size: 12px
}

.reports-left .btn-group.open .dropdown-toggle {
    box-shadow: none;
    -webkit-box-shadow: none
}

.reports-left .btn-group .dropdown-toggle,.reports-left .btn-group .dropdown-toggle:hover {
    color: #666;
    text-decoration: none
}

.reports-share-panel p.explain {
    width: 576px;
    margin: 0 auto
}

.reports-attachment .control-label {
    font-weight: normal
}

.reports-right .comment-wrapper {
    padding: 20px
}

.reports-right .comment-wrapper textarea {
    margin-bottom: 10px
}

.reports-right .comment-wrapper .comment-input {
    padding: 0
}

.reports-body .extend-panel .entity-container {
    float: none
}

.reports-right .loading_large {
    position: absolute;
    height: 100%;
    background-color: #fff;
    z-index: 99
}

.reportstatistics.statsheet-view .title {
    line-height: 30px;
    float: left;
    color: #666;
    margin: 0 15px 0 0
}

.reportstatistics .statisticstype>.btn:first-child {
    border-radius: 3px 0 0 3px
}

.reportstatistics .statisticstype>.btn {
    padding: 3px 20px
}

.reportstatistics .report-data .stat-table th,.reportstatistics .report-data .stat-table td {
    padding: 8px
}

.reportstatistics .month-table>.mCustomScrollBox>.mCSB_container,.reportstatistics .season-table>.mCustomScrollBox>.mCSB_container,.reportstatistics .halfyear-table>.mCustomScrollBox>.mCSB_container {
    width: 100%!important
}

.reportstatistics .report-data .stat-table .date-th a {
    color: #666
}

.blogreport .report-data .stat-table .date-th a {
    color: #666
}

.reportstatistics .report-data .stat-table .date-th a:hover {
    text-decoration: none;
    color: #5d9cec!important
}

.reportstatistics .report-data .stat-table td a,.reportstatistics .report-data .stat-table th a,.reportstatistics .report-data .stat-table th,.reportstatistics .report-data .stat-table td {
    white-space: nowrap
}

.reportstatistics .report-data .report-tabdiv {
    overflow-x: auto
}

.reportstatistics.statsheet-view .filter>div {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.reportstatistics .date-div {
    position: relative;
    left: 50%;
    margin: 0 0 0 -74px
}

.reportstatistics .date-div>* {
    display: block;
    float: left
}

.reportstatistics .date-div i {
    font-size: 24px;
    margin: 0 20px 0 20px;
    color: #999
}

.reportstatistics .date-div span {
    margin: 3px 0 0 0;
    font-size: 16px;
    font-weight: bold
}

.reportstatistics .report-content {
    position: relative
}

.reportstatistics .report-content .no-data {
    position: absolute;
    top: 10px;
    left: 50%;
    width: 100px;
    text-align: center;
    color: #ddd;
    font-size: 18px;
    margin: 0 0 0 -50px
}

.reportstatistics .report-data .innerdata {
    overflow-y: auto
}

.workreadonly-detail-view .reports-head {
    padding: 0 0 0 10px;
    margin: 0
}

.workreadonly-detail-view .detail-actions {
    float: none;
    position: absolute;
    right: 0;
    top: 0
}

.workreadonly-detail-view .detail-brand {
    max-width: 100%;
    padding-right: 46px
}

.report-setting {
    background-color: #fff;
    border-radius: 10px
}

.report-setting .view-menu {
    width: 220px;
    border-right: 1px solid #f6f6f6;
    padding: 25px
}

.report-setting .view-menu .nav>li>a {
    color: #666;
    padding: 5px 0 5px 0;
    margin-bottom: 5px
}

.report-setting .view-menu .nav>li>a {
    color: #666;
    padding: 5px 0 10px 0
}

.report-setting .view-menu .nav>li.active>a {
    color: #41aebd
}

.report-setting .view-menu .nav>li.active>a:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: -25px;
    width: 3px;
    background-color: #33c0d3;
    border-radius: 30%
}

.report-setting .view-main {
    padding: 20px
}

.report-setting .view-main .list>li {
    padding: 9px 15px;
    color: #666
}

.report-setting .view-main .list>li.title {
    font-weight: bold;
    color: #333
}

.report-setting .view-main .list>li:last-child,.report-setting .view-main .list>li:only-child {
    border-bottom: 0
}

.report-setting .view-main .list .txt {
    display: inline-block;
    height: 30px;
    line-height: 29px;
    margin-right: 10px;
    color: #999
}

@media(max-width: 1060px) {
    .reports-panel .module-set-view .view-side {
        width:0
    }
}

.report-setting .view-main .list>li .e-selectui {
    float: right;
    min-width: 56px
}

.report-setting .view-main .list>li .e-selectui>a {
    padding: 0 20px 0 10px;
    font-size: 12px;
    height: 24px;
    line-height: 23px
}

.report-setting .view-main .list>li .e-selectui>a>i {
    right: 8px;
    top: 5px
}

.report-setting .view-main .list>li .e-selectui .dropdown-menu>li>a {
    padding: 2px 13px;
    font-size: 12px
}

.report-setting .view-main .list>li .e-selectui .dropdown-menu {
    padding: 4px 0
}

.report-cus-setting {
    padding: 0 15px
}

.report-cus-setting .hd {
    padding: 5px 0;
    margin: 10px 0 0 0
}

.report-cus-setting .hd .title {
    color: #333;
    font-size: 14px;
    font-weight: bold
}

.report-cus-setting .info {
    color: #999;
    font-size: 12px;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.report-cus-setting .hd .opt {
    float: right;
    color: #509f4f;
    cursor: pointer
}

.report-cus-setting .cus-list>li {
    padding: 13px 20px;
    border-bottom: 1px solid #f4f4f4;
    display: table;
    table-layout: fixed;
    width: 100%
}

.report-cus-setting .cus-list>li:last-child,.report-cus-setting .cus-list>li:only-child {
    border-bottom: 0
}

.report-cus-setting .cus-list>li.tit {
    background-color: #f7f7f7;
    color: #838383
}

.report-cus-setting .cus-list>li span {
    display: table-cell
}

.report-cus-setting .tit span.num,.report-cus-setting .cus-list>li span.num {
    width: 5%
}

.report-cus-setting .cus-list>li span.name {
    width: 50%
}

.report-cus-setting .cus-list>li span.opt {
    width: 45%
}

.report-cus-setting .cus-list>li span.opt>a+a {
    margin-left: 4%
}

.report-cus-setting .cus-list>li span.opt>a.delete {
    color: #fa6361
}

.report-cus-setting .tit {
    color: #999;
    padding: 13px 20px;
    background: #f7f7f7;
    display: table;
    table-layout: fixed;
    width: 100%;
    border-radius: 6px
}

.report-cus-setting .tit>span {
    display: table-cell
}

.report-cus-setting .tit span.name {
    width: 50%
}

.report-cus-setting .tit span.opt {
    width: 45%
}

@media(max-width: 1440px) {
    .report-setting .view-menu {
        width:140px
    }

    .report-cus-setting .tit span.name,.report-cus-setting .cus-list>li span.name {
        width: 40%
    }

    .report-cus-setting .tit span.opt,.report-cus-setting .cus-list>li span.opt {
        width: 95%
    }
}

@media screen and (min-width: 1260px) and (max-width:1800px) {
    .report-cus-setting .tit span.name,.report-cus-setting .cus-list>li span.name {
        width:30%
    }

    .report-cus-setting .tit span.opt,.report-cus-setting .cus-list>li span.opt {
        width: 105%;
        letter-spacing: -1px
    }
}

.report-cus-modal .detail-block {
    border: 0
}

.report-cus-modal .entity-info .control-group:hover {
    background: #fff
}

.report-cus-modal *.hide {
    display: none
}

.modal-reportsetting .mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.tree-set-list .treenode.has-set:hover .workreport-set-clear {
    display: block
}

.reports-share-panel .defualt-shareset-list {
    padding: 0 20px
}

.reports-share-panel .defualt-shareset-list .list-item {
    overflow: visible;
    padding-left: 0;
    padding-right: 0
}

.reports-share-panel .defualt-shareset-list .list-item .control-group {
    border-bottom: 0;
    background: #fff;
    padding: 0
}

.reports-share-panel .mCustomScrollBox>.mCSB_container {
    padding-bottom: 300px
}

.reports-share-panel .defualt-shareset-list .entity-item-add {
    margin-top: 3px
}

.reports-share-panel .defualt-shareset-list.entity-info .control-group .control-label {
    width: auto
}

.reports-share-panel .defualt-shareset-list.entity-info .control-group .controls {
    margin-left: 45px
}

.reports-share-panel .defualt-shareset-list .entity-item-add {
    display: inline-block
}

.reports-share-panel .loading-big-fixed {
    margin-top: -180px
}

.reportsysdefaultset-model .reportsysdefaultset-content .swicth-set-list .relevField .e-selectui {
    float: right
}

.reportsysdefaultset-model .reportsysdefaultset-btn {
    padding: 20px 20px 0;
    text-align: right
}

.reportsysdefaultset-model .reportsysdefaultset-content .swicth-set-list .list-item {
    overflow: visible
}

.reportsysdefaultset-model .reportsysdefaultset-content .swicth-set-list .list-item .relevField .show-txt {
    float: right;
    padding-right: 15px;
    color: #666
}

.reportsysdefaultset-model.entitybox.modal .mCustomScrollbar .mCSB_container {
    padding-bottom: 100px
}

.agenda-calendar {
    padding: 0 213px 20px 20px;
    position: relative;
    background: #eee
}

.agenda-calendar .fc-header-title h2 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0;
    text-align: center;
    padding: 0 15px
}

@media(max-width: 1189px) {
    .agenda-checkbox-content.agenda-showcreator {
        right:362px
    }

    .agenda-calendar .fc-header-title {
        position: relative;
        right: 50px
    }

    .agenda-calendar .fc-state-default.fc-corner-left.fc-button-prev,.agenda-calendar .fc-state-default.fc-corner-left.fc-button-next {
        right: 50px
    }
}

.agenda-calendar .fc-header-wrapper {
    color: #666;
    padding: 10px 20px;
    margin: 0 -213px 0 -20px;
    position: relative;
    z-index: 100
}

.agenda-calendar .fc-header td.fc-header-left {
    width: 120px;
    position: absolute;
    left: 20px
}

.agenda-calendar .fc-header td.fc-header-right {
    position: absolute;
    width: 100px;
    left: 170px
}

.calendar-panel .module-help {
    z-index: 101
}

.agenda-who {
    font-weight: bold;
    position: absolute;
    top: 14px;
    left: 20px;
    z-index: 501
}

.agenda-toolkit-list {
    position: absolute;
    z-index: 101;
    top: 10px;
    right: 70px
}

.agenda-toolkit-list.pos-right {
    right: 50px
}

.agenda-create-btn .btn {
    width: 100px
}

.agenda-checkbox-content {
    position: absolute;
    right: 200px;
    top: 17px;
    z-index: 101;
    font-size: 0
}

@media(max-width: 1100px) {
    .agenda-checkbox-content {
        letter-spacing:-1px
    }
}

.agenda-checkbox-content.agenda-showcreator {
    right: 362px
}

.agenda-checkbox-content>label {
    margin-left: 5px!important;
    font-size: 12px;
    color: #999
}

.agenda-calendar .fc-header .fc-button {
    margin-bottom: 0
}

.agenda-calendar .fc-header .fc-button:hover .fc-icon {
    color: #2dc3e8
}

.agenda-calendar .fc .fc-header-space {
    padding-left: 15px
}

.agenda-calendar .fc-state-default.fc-corner-left.fc-button-prev,.agenda-calendar .fc-state-default.fc-corner-left.fc-button-next {
    box-shadow: none;
    border: 0
}

.agenda-calendar .fc-state-default.fc-corner-left.fc-button-prev:hover,.agenda-calendar .fc-state-default.fc-corner-left.fc-button-next:hover {
    color: #333
}

.agenda-calendar .calendar-leftnav .calendar-create i {
    font-size: 18px;
    float: left;
    line-height: 34px
}

.agenda-calendar .calendar-leftnav .calendar-create:hover {
    background: #235fba;
    color: #fff
}

.agenda-wrapper .control-group {
    padding: 6px 20px
}

.agenda-wrapper .control-group .control-label {
    width: 60px;
    font-size: 12px;
    font-weight: bold
}

.agenda-wrapper .control-group label.checkbox {
    color: #999
}

.agenda-wrapper .agenda-post {
    margin: 5px 18px 20px
}

.agenda-wrapper .agenda-post input {
    width: 100%;
    height: 40px;
    line-height: 24px;
    font-size: 14px;
    padding: 7px 15px;
    border-radius: 3px
}

.agenda-wrapper .agenda-post input::-moz-placeholder {
    color: #999;
    font-style: italic;
    font-size: 12px
}

.agenda-wrapper .agenda-post input:-ms-input-placeholder {
    color: #999;
    font-style: italic;
    font-size: 12px
}

.agenda-wrapper .agenda-post input::-webkit-input-placeholder {
    color: #999;
    font-style: italic;
    font-size: 12px
}

.agenda-wrapper .agenda-preiod {
    font-size: 12px;
    padding: 3px 15px 15px 28px
}

.agenda-wrapper .agenda-period-content {
    border: 1px solid #d5d5d5;
    background: #fff;
    padding: 8px;
    color: #999;
    position: relative;
    border-radius: 3px;
    font-size: 12px;
    margin-bottom: 20px
}

.agenda-wrapper .agenda-period-content .period-item {
    padding: 5px 10px;
    line-height: 24px
}

.agenda-wrapper .agenda-period-content .period-item:hover {
    background-color: #f5f5f5;
    border-radius: 3px
}

.agenda-wrapper .agenda-period-content .period-item .label {
    display: inline-block
}

.agenda-wrapper .agenda-period-content .period-item .content {
    color: #666;
    display: inline-block;
    margin: 0 10px
}

.agenda-wrapper .agenda-period-content .period-item .content.hide {
    display: none
}

.agenda-wrapper .agenda-period-content .arrow-s,.agenda-wrapper .agenda-period-content .arrow-b {
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #ddd transparent;
    left: 85px;
    top: -16px;
    position: absolute
}

.agenda-wrapper .agenda-period-content .arrow-b {
    border-width: 7px;
    left: 86px;
    top: -13px;
    border-color: transparent transparent #fff transparent
}

.agenda-wrapper .agenda-period-content .form-control {
    height: 24px;
    line-height: 20px;
    padding: 1px 4px;
    font-size: 12px
}

.agenda-wrapper .agenda-period-content select {
    width: auto!important;
    margin-right: 5px
}

.agenda-wrapper .agenda-period-content input.input-num {
    width: 28px;
    padding: 1px 2px
}

.agenda-wrapper .weekgroup {
    margin-left: 10px;
    display: inline-block
}

.agenda-wrapper .weekgroup.hide {
    display: none
}

.agenda-container .mod-btns {
    float: right;
    overflow: hidden
}

.agenda-container .mod-btns .btn {
    min-width: 85px
}

.agenda-container .detail-summary .summary-title {
    position: relative
}

.agenda-container .detail-summary .summary-title .remindtip {
    position: absolute;
    top: 6px;
    right: 10px;
    color: #e80000;
    cursor: pointer
}

.calendar-panel .loading-big {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -160px;
    margin-top: -60px
}

.agenda-wrapper textarea#detail {
    min-height: 40px
}

.agenda-calendar .mCSB_scrollTools .mCSB_dragger {
    z-index: 100
}

.module-agenda-view .employee-layer {
    top: 100px;
    z-index: 2
}

.employee-layer {
    width: 178px;
    background: #fff;
    position: fixed;
    top: 72px;
    right: 20px;
    bottom: 52px;
    font-size: 12px
}

.employee-layer .employee-head {
    background: #f5f5f5;
    line-height: 30px;
    font-size: 14px;
    border: 1px solid #dfdddd;
    color: #333;
    font-weight: bold
}

.employee-layer .employees-wrapper,.employee-layer .employee-layer-search {
    border-left: 1px solid #dfdddd;
    border-right: 1px solid #dfdddd;
    border-bottom: 1px solid #dfdddd
}

.employee-layer .employee-layer-search .dropdown-div {
    font-size: 12px
}

.employee-layer-search .menu:hover .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.employee-layer .menu.open a.dropdown-toggle>.icon-caret-down {
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.employee-layer .menu a.dropdown-toggle>.icon-caret-down {
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease
}

.employee-layer .employee-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.employee-layer .employee-list>li {
    cursor: pointer;
    color: #666;
    position: relative;
    padding: 0 10px;
    height: 40px;
    border-bottom: 1px solid #eaeaea;
    line-height: 40px;
    overflow: hidden
}

.employee-layer .employee-list>li:last-child {
    border-bottom: 0
}

.employee-layer .employee-list>li:hover {
    color: #235fba
}

.employee-layer .employee-list>li>* {
    float: left
}

.employee-layer .employee-list>li>i {
    position: absolute;
    right: 10px;
    top: 14px;
    color: #bfbfbf
}

.employee-layer .employee-list>li>i.icon-checkbox-checked2 {
    color: #666
}

.employee-layer .employee-list .avatar {
    margin: 0 10px 0 0
}

.employee-layer .employee-list .avatar img {
    width: 26px;
    height: 26px;
    border-radius: 50%
}

.employee-layer .employee-list p.name a {
    color: #666;
    display: inline-block;
    vertical-align: top;
    width: 90px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.employee-layer .employee-list p.name a:hover {
    color: #08c
}

.employee-layer-search input.form-control {
    padding-left: 10px;
    border-radius: 0;
    margin: 0;
    height: 30px;
    font-size: 12px;
    color: #999;
    border: 0
}

.employee-layer-search a.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-color: transparent transparent transparent #eaeaea
}

.employee-layer .employee-list .caret {
    position: absolute;
    right: 5px;
    top: 20px;
    border-top-color: #666;
    cursor: pointer
}

.employee-layer .employee-list .caret-up {
    border-top: 0;
    top: 18px;
    border-bottom: 4px solid #08c
}

.employee-layer .employee-bottom {
    height: 40px;
    line-height: 40px;
    background-color: #f5f5f5;
    border: 1px solid #dfdddd;
    padding: 0 10px;
    color: #999;
    font-size: 0
}

.employee-layer .employee-bottom input[type="checkbox"] {
    margin-right: 2px
}

.employee-layer .employee-bottom .checkbox-inline {
    font-size: 12px
}

.employee-layer .employee-bottom .checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 7px
}

.agenda-calendar .fc-timeline-wrapper {
    height: 2px!important;
    left: -50px;
    margin-right: -4px;
    position: absolute;
    right: -60px;
    z-index: 9999;
    top: 0
}

.agenda-calendar .fc-timeline {
    height: 2px!important;
    background-color: rgba(255,0,0,0.4);
    margin-left: 50px
}

.agenda-calendar .fc-timeline-dot {
    content: "";
    height: 0!important;
    width: 0;
    left: 0;
    border-width: 4px 0 4px 4px;
    border-style: solid;
    border-color: transparent transparent transparent #d60000;
    display: inline-block;
    position: absolute;
    top: -3px;
    z-index: 200
}

.agenda-calendar .fc-event-vert.fc-event-end {
    -webkit-box-shadow: -1px 0 0 #fff;
    -moz-box-shadow: -1px 0 0 #fff;
    -ms-box-shadow: -1px 0 0 #fff;
    box-shadow: -1px 0 0 #fff
}

.agenda-calendar .fc-event-vert .fc-event-time,.agenda-calendar .fc-event {
    font-size: 12px;
    color: #666
}

.agenda-calendar .fc-agenda-days td.fc-col5,.agenda-calendar .fc-agenda-days td.fc-col6 {
    background: #f5f5f5
}

.agenda-calendar .fc-week .fc-sat,.agenda-calendar .fc-week .fc-sun {
    background: #f5f5f5
}

.agenda-calendar .fc-week .fc-sat.fc-white,.agenda-calendar .fc-week .fc-sun.fc-white {
    background: #fff
}

.agenda-calendar .fc-day-header.fc-sun {
    border-right: 1px solid #ddd
}

.agenda-calendar .fc-agenda-gutter {
    display: none!important
}

.agenda-calendar .agenda_event_class,.agenda-calendar .task_event_class,.agenda-calendar .contactRemind_event_class {
    border: 1px solid #ccc;
    background-color: #fff;
    border-left: 3px solid #3bafda;
    padding: 0 3px
}

.agenda-calendar .agenda_event_class:hover,.agenda-calendar .task_event_class:hover,.agenda-calendar .contactRemind_event_class:hover {
    background-color: #f2f2f2
}

.agenda-calendar .task_event_class {
    border-left-color: #c29d4b
}

.agenda-calendar .contactRemind_event_class {
    border-left-color: #fd542e
}

.agenda-calendar .agenda_event_class,.agenda-calendar .task_event_class,.agenda-calendar .contactRemind_event_class {
    cursor: pointer
}

.agenda-calendar tr.fc-week td.fc-day:hover,.agenda-calendar .fc-agenda-days td.fc-widget-content:hover {
    background: #ebf8fb
}

.agenda-calendar .fc-content {
    background-color: #fff
}

.agenda-calendar .fc-border-separate tr.fc-last th {
    background: #f5f5f5;
    padding: 4px 8px
}

.agenda-calendar .fc-event-inner span:first-child,.agenda-calendar .fc-event-inner .fc-event-time {
    font-weight: bold
}

.agenda-calendar .fc-view-agendaWeek>.mCustomScrollBox>.mCSB_scrollTools,.agenda-calendar .fc-view-agendaDay>.mCustomScrollBox>.mCSB_scrollTools {
    opacity: 0!important
}

.agenda-calendar .fc-grid .fc-day-number {
    padding: 4px 6px 0;
    position: relative
}

.agenda-calendar .fc-grid .fc-day-number span.solarday {
    float: right;
    color: #999
}

.agenda-calendar .fc-grid .fc-day-number span.holiday {
    position: absolute;
    left: 40%
}

.agenda-calendar .fc-grid .fc-day-number {
    float: none
}

.agenda-calendar .fc-view-month .fc-widget-content {
    padding: 2px
}

.agenda-calendar .fc-grid .fc-day-number span.solarday.c-red {
    color: #d81329
}

.agenda-calendar .fc-button {
    line-height: 30px;
    height: 30px;
    padding: 0 20px
}

.agenda-calendar .fc-button .fc-icon {
    margin: -5px;
    position: relative;
    top: -1px;
    font-size: 28px
}

.agenda-calendar .fc-today.fc-state-highlight {
    background: #ffc
}

.agenda-calendar .fc-corner-left.fc-state-down,.agenda-calendar .fc-corner-right.fc-state-down {
    -moz-box-shadow: none;
    box-shadow: none
}

.agenda-calendar .fc-day.fc-state-holiday {
    background: #f2dede
}

.modal-webcalpage .modal-content {
    width: 800px
}

.modal-webcalpage .modal-body {
    max-height: 571px
}

.modal-webcalpage span.qrcode-title,.modal-webcalpage span.qrcode-info {
    width: 100%;
    display: inline-block;
    text-align: center
}

.modal-webcalpage span.qrcode-title {
    color: #333;
    font-size: 16px;
    margin-bottom: 5px
}

.modal-webcalpage .webcal-content {
    position: relative
}

.modal-webcalpage .qrcode-box {
    float: left;
    width: 50%;
    background-color: #f3f3f3;
    height: 330px;
    border-radius: 5px
}

.modal-webcalpage .qrcode-box:first-child {
    padding: 28px 18px 28px 13px
}

.modal-webcalpage .qrcode-box:last-child {
    padding: 28px 13px 28px 18px
}

.modal-webcalpage .qrcode-bar {
    position: absolute;
    width: 10px;
    top: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 1;
    left: 50%;
    margin-left: -5px
}

.modal-webcalpage span.qrcode-info {
    color: #999;
    font-size: 12px;
    margin-bottom: 20px
}

.modal-webcalpage span.qrcode-info:nth-of-type(3) {
    margin-left: 0
}

.modal-webcalpage .qrcode-content {
    box-shadow: 1px 3px 6px #bfbdbd;
    width: 170px;
    height: 170px;
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    margin: 0 auto
}

.modal-webcalpage .qrcode-url {
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    font-size: 12px;
    border: 1px solid #eee;
    text-align: center
}

.modal-webcalpage .qrcode-a {
    text-align: center;
    width: 100%;
    display: inline-block;
    margin-top: 15px
}

.modal-webcalpage .qrcode-url>a {
    display: inline-block;
    width: 100%;
    word-break: break-all
}

.modal-webcalpage .qrcode-url>a:link,.modal-webcalpage .qrcode-url>a:hover,.modal-webcalpage .qrcode-url>a:active,.modal-webcalpage .qrcode-url>a:visited {
    text-decoration: none
}

.agenda-confict-model .modal-body {
    min-height: 490px;
    padding: 0
}

.agenda-confict-model .modal-main {
    overflow-x: auto
}

.agenda-confict-model .agendaconfict-tab {
    display: table;
    table-layout: auto;
    width: auto
}

.agenda-confict-model .agendaconfict-tr {
    display: table-row
}

.agenda-confict-model .agendaconfict-td {
    display: table-cell;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    min-height: 1px
}

.agenda-confict-model .agendaconfict-content {
    width: 255px
}

.agenda-confict-model .agendaconfict-td.hide {
    display: none
}

.agenda-confict-model .agendaconfict-td.t-center {
    left: 255px
}

.agenda-confict-model .modal-body .agendaconfict-view {
    padding: 15px
}

.agenda-confict-model.modal .detail-header {
    border-radius: 6px 6px 0 0
}

.agenda-confict-model.modal .module-detail-view .detail-slide-close {
    border-radius: 0 6px 0 0
}

.agenda-confict-model .modal-dialog {
    width: 800px
}

.agenda-confict-model .username-box {
    padding: 15px 0;
    text-align: center;
    margin: 5px 0;
    border-radius: 3px
}

.agenda-confict-model .username-box:hover {
    background: #f5f5f5
}

.agenda-confict-model .username-box .avatar img {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin-right: 5px
}

.agenda-confict-model .agenda-confict-tip {
    padding: 15px 15px 0;
    font-size: 14px;
    color: #999
}

.agenda-confict-model .username-box .item {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px 0 0;
    position: relative
}

.agenda-confict-model .username-box .item .user {
    line-height: 30px;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
    max-width: 410px
}

.agenda-confict-model .username-box .item .avatar {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    vertical-align: middle
}

.agenda-confict-model .username-box .item .avatar+span {
    margin-left: 5px;
    max-width: 69px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle
}

.agenda-confict-model .username-box .item .close {
    font-size: 17px;
    position: absolute;
    top: 7px;
    right: 0;
    display: none;
    opacity: .9;
    font-weight: normal
}

.agenda-confict-model .username-box .item:hover a {
    color: #5d9cec
}

.agenda-confict-model .username-box .item:hover .close {
    display: block
}

.agenda-confict-model .agendaconfict-ul li {
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 20px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    overflow: hidden
}

.agenda-confict-model .agendaconfict-ul li:hover {
    border-color: #89e9da
}

.agenda-confict-model .agendaconfict-ul li p {
    margin-bottom: 5px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.agenda-confict-model .agendaconfict-ul li p:hover {
    color: #5d9cec
}

.agenda-confict-model .agendaconfict-ul .agendaul-txt {
    color: #89e9da;
    display: inline-block;
    padding: 5px
}

.agenda-confict-model .agendaconfict-ul .agendaul-txt .year,.agenda-confict-model .agendaconfict-ul .agendaul-txt .date {
    font-size: 12px
}

.agenda-confict-model .agendaconfict-ul .agendaul-txt .time {
    font-size: 30px;
    font-weight: bold
}

.agenda-confict-model .agendaconfict-ul .line {
    background: #89e9da;
    font-weight: bold;
    width: 10px;
    height: 2px;
    display: inline-block;
    position: relative;
    bottom: 35px;
    left: 14px
}

.agenda-confict-model .agendaconfict-ul .agendaul-txt .date {
    width: 56px;
    background: #efefef;
    border-radius: 3px;
    color: #999;
    padding: 0 3px
}

.module-agenda-view .agendaset {
    position: absolute;
    top: 16px;
    right: 45px;
    cursor: pointer;
    z-index: 1000
}

.module-agenda-view .agendaset a {
    text-decoration: none;
    color: #999
}

.page-agenda .goto-top {
    display: none
}

@charset "utf-8";.goal-sidebar-content {
    width: 269px
}

.goal-sidebar {
    background: #fff;
    border-right: 1px solid #ddd;
    -webkit-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease
}

.goal-sidebar {
    width: 0;
    overflow: hidden
}

.goal-sidebar .e-selectui .dropdown-menu {
    overflow: hidden;
    width: 100%
}

.goal-sidebar .e-selectui .dropdown-menu a {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.goal-view-content.sidebar-in .goal-sidebar {
    width: 270px
}

.goal-sidebar .goal-sidebar-content {
    margin-left: -269px;
    -webkit-transition: margin-left .5s ease;
    -o-transition: margin-left .5s ease;
    transition: margin-left .5s ease
}

.goal-view-content.sidebar-in .goal-sidebar-content {
    margin-left: 0
}

.goal-sidebar .search-box {
    position: relative
}

.goal-sidebar .search-box i {
    position: absolute;
    right: 10px;
    top: 8px;
    color: #999
}

.goal-sidebar .search-box i:hover {
    color: #666
}

.goal-sidebar .search-box input {
    width: 100%;
    padding-right: 35px
}

.goal-slider {
    float: left;
    height: 48px;
    margin: 11px 0 0 0;
    width: 16px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 0 3px 3px 0;
    position: relative;
    border-left: 0
}

.goal-slider:before {
    content: '';
    position: absolute;
    top: 20px;
    left: 3px;
    border-style: solid;
    border-color: #b2b2b2;
    border-width: 1px 1px 0 0;
    height: 6px;
    width: 6px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.goal-slider:hover {
    border-color: #ccc;
    cursor: pointer
}

.goal-slider:hover:before {
    boder-color: #999
}

.goal-slider.on:before {
    left: 5px;
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.goaltable-view .num {
    position: relative;
    text-align: center;
    width: 50px
}

.goaltable-view .name {
    width: 20%
}

.goaltable-view .mainlinetable-view {
    table-layout: fixed
}

.goaltable-view tbody>tr>td {
    background-color: #fff
}

.goaltable-view thead>tr>th,.goaltable-view tbody>tr>td {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.goaltable-view .num .ck {
    display: none
}

.goaltable-view .num .ck>i {
    color: #999
}

.goaltable-view {
    table-layout: fixed
}

.goaltable-view tbody>tr:hover .ck,.goaltable-view tr.selected td .ck {
    display: block
}

.goaltable-view tbody>tr:hover .sn,.goaltable-view tr.selected td .sn {
    display: none
}

.goal-list-wrap .goal-list {
    overflow: hidden;
    margin-left: -20px;
    padding-top: 3px
}

.goal-list .list-title {
    margin-left: 30px
}

.goal-list .list-.title>i {
    color: #909fa7
}

.goal-list .list-title>span {
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 0 10px
}

.goal-list .goal-item {
    width: 300px;
    float: left;
    height: 98px;
    background-color: #fff;
    position: relative;
    cursor: pointer;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    margin: 0 0 20px 20px;
    padding: 24px 24px 0;
    border-color: #eaeaea;
    -webkit-transition: box-shadow .15s linear,background .15s linear,transform .15s linear,border .15s linear;
    -ms-transition: box-shadow .15s linear,background .15s linear,transform .15s linear,border .15s linear;
    transition: box-shadow .15s linear,background .15s linear,transform .15s linear,border .15s linear
}

.goal-list-main .goal-item:before {
    top: 0;
    bottom: 0;
    left: -1px;
    width: 3px;
    content: "";
    position: absolute
}

.goal-list-main .goal-item.newConment:before {
    background: #5cb95c
}

.mainlinecopy-ul li .item {
    float: left;
    height: 40px;
    line-height: 40px;
    padding: 0 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.goal-list-main .goal-item.unread:before {
    background: #e54670
}

.goal-list-main .goal-item-add:before {
    display: none
}

@media(min-width: 1440px) {
    .goal-list .goal-item,.mainlinecategory-list-wrapper .goal-list .goal-item-sort-holder {
        width:380px
    }
}

@media(min-width: 1600px) {
    .goal-list .goal-item {
        width:398px
    }
}

.goal-list .goal-item:hover {
    background: #f2f2f2
}

.goal-list:not(.goal-list-mini) .goal-item:hover {
    background: #fff;
    border-color: #53b6eb;
    -webkit-transform: translate3d(0,-3px,0);
    -moz-transform: translate3d(0,-3px,0);
    -ms-transform: translate3d(0,-3px,0);
    transform: translate3d(0,-3px,0);
    -webkit-box-shadow: 4px 10px 12px rgba(0,0,0,0.10);
    box-shadow: 4px 10px 12px rgba(0,0,0,0.10)
}

.goal-list .goal-item dt {
    float: left;
    height: 48px;
    width: 48px;
    line-height: 48px;
    border-radius: 8px;
    overflow: hidden;
    position: relative
}

.goal-list .goal-item dt img,.goal-list .goal-item dt .percent {
    height: 100%;
    width: 100%;
    vertical-align: top
}

.goal-list .goal-item dt .percent {
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
    background: rgba(0,0,0,0.3)
}

.goal-item dd {
    margin: 0 0 0 60px
}

.goal-list .goal-item dd .caption {
    margin-top: 4px
}

.goal-list .goal-item:hover dd .caption {
    color: #428bca
}

.goal-list-main .goal-item .lead {
    font-size: 12px;
    color: #999;
    margin-top: 3px
}

.goal-list-main .goal-item .lead,.goal-list-main .goal-item .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.goal-item-add {
    color: #999
}

.goal-item-add i {
    font-size: 36px
}

.goal-list .goal-item-add:hover {
    color: #ffce55;
    background: #fff;
    border-color: #ffce55
}

.entitybox.modal .mainline-new-view .mCustomScrollbar .mCSB_container {
    padding-bottom: 250px
}

.goal-list .goal-item i.icon-star,.goal-list .goal-item i.icon-star-empty {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #ffce55;
    display: none
}

.goal-list .goal-item.active i.icon-star {
    display: block
}

.goal-list .goal-item:hover i.icon-star-empty {
    display: block
}

.goal-item em.arrow {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 14px;
    height: 14px;
    z-index: 1
}

.goal-sidebar .hd {
    padding: 15px;
    line-height: 30px;
    border-bottom: 1px solid #ddd
}

.goal-sidebar .hd i.list-icon {
    background-position: -47px -16px;
    height: 17px;
    vertical-align: -4px;
    margin: 0 8px 0 0;
    width: 17px
}

.goal-sidebar .hd .e-selectui {
    display: inline-block;
    width: 100%
}

.goal-sidebar .goal-list .goal-item {
    border-width: 0 0 1px;
    padding: 10px 15px;
    margin: 0;
    width: 100%;
    height: auto
}

.goal-list-mini .goal-item.active {
    background: none repeat scroll 0 0 #dff3f6;
    font-weight: bold
}

.goal-list-mini .goal-item .cell {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.goal-list-mini .goal-item.active .cell>span {
    color: #428bca!important
}

.goal-list-mini .goal-item dd {
    margin: 0 0 0 50px;
    padding: 0;
    overflow: hidden;
    margin-top: 11px
}

.goal-list-mini .goal-item .caption {
    color: #7f8284;
    font-size: 12px
}

.goal-list-mini .goal-item:hover .caption {
    color: #428bca
}

.goal-list-mini .goal-item dt {
    height: 40px;
    width: 40px;
    line-height: 40px
}

.goal-category ul.e-list {
    min-height: 10px
}

.goal-category ul.e-list .title {
    margin-left: 20px
}

.goal-category ul.e-list li::after {
    left: 20px
}

.goal-category .noitem {
    padding-left: 8px;
    color: #999
}

.goal-category .taskgroup-more {
    margin-top: 0;
    padding: 5px 20px;
    border-radius: 0;
    font-size: 12px;
    border: 1px solid #d5d5d5;
    border-top: 0;
    background: #f5f5f5
}

.goal-category .taskgroup-more:hover {
    background: #f8f8f8
}

.goal-category-head {
    font-size: 14px;
    color: #666;
    line-height: 25px;
    padding: 10px 5px;
    position: relative;
    cursor: move;
    background: #f9f9f9;
    border-bottom: 1px solid #eaeaea
}

.goal-category-head a.stage-switch {
    color: #666
}

.goal-category-head+.e-list {
    border-top: 0
}

.goal-category-head>.btn-newtask {
    position: absolute;
    right: 40px;
    top: 11px;
    color: #999
}

.goal-category-head>.btn-newtask:hover {
    color: #5d9cec
}

.goal-category-head .j_stage_name,.goal-category-head .stage-change-name {
    cursor: auto
}

.goal-category-head .stage-change-name {
    margin-left: -5px;
    height: 26px
}

.goal-category-head a {
    text-decoration: none
}

.goal-category-switch {
    color: #00a753
}

.goal-category-option {
    position: absolute;
    display: inline-block;
    line-height: 30px;
    top: 7px;
    right: 0
}

.goal-category-option>a {
    padding: 0 10px;
    color: #9f9f9f;
    display: block;
    border-width: 1px 1px 0;
    border-color: transparent;
    border-style: solid
}

.goal-category-option:hover>a {
    background: #fff;
    border-color: #a3adba #a3adba #fff #a3adba;
    position: relative;
    z-index: 101
}

.goal-category-option .dropdown-menu {
    margin-top: -1px;
    z-index: 100;
    left: auto;
    right: 0
}

.goal-content-wrapper .e-list-head {
    padding-left: 5px;
    padding-right: 5px
}

.goal-content-wrapper .e-list li .title {
    margin-left: 20px
}

.data-list .data-has-relevances .dataname {
    float: left;
    max-width: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.data-list .data-has-relevances .formname {
    max-width: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.data-list .data-has-relevances .formname .txt:hover {
    color: #5d9cec
}

.goal-header {
    height: 70px;
    position: relative;
    z-index: 201;
    border-bottom: 1px solid #eaeaea
}

.goal-header .head-info {
    margin: 9px 0 0 32px
}

.goal-header .head-info dt {
    height: 51px;
    width: 51px;
    line-height: 51px;
    border-radius: 5px;
    overflow: hidden;
    float: left;
    position: relative
}

.goal-header .head-info dt img,.goal-header .head-info dt .percent {
    vertical-align: top;
    height: 100%;
    width: 100%
}

.goal-header .head-info dt .percent {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3)
}

.goal-header .head-info dt .cover {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0;
    color: #fff;
    font-size: 22px;
    background: rgba(0,0,0,0.4);
    z-index: 2;
    text-align: center;
    -webkit-transition: all .15s linear;
    -ms-transition: all .15s linear;
    transition: all .15s linear
}

.goal-header .head-info dt .cover i {
    position: relative;
    top: 2px
}

.goal-header .head-info dt .cover:hover {
    opacity: 1
}

.goal-header .head-info dd {
    font-size: 18px;
    color: #666;
    margin-left: 68px
}

.goal-header .head-info dd:hover span {
    color: #00a7d1
}

.goal-header .head-nav {
    position: absolute;
    bottom: 0;
    left: 100px;
    font-size: 0
}

.goal-header .head-nav>li {
    display: inline-block
}

.goal-header .head-nav>li>a {
    color: #999;
    display: block;
    font-size: 13px;
    line-height: 32px;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    -webkit-transition: background-color .2s linear,color .2s linear;
    -o-transition: background-color .2s linear,color .2s linear;
    transition: background-color .2s linear,color .2s linear
}

.goal-add-template {
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 202
}

.goal-add-template .module-help {
    top: 6px;
    right: 20px
}

.goal-add-template .module-help.top {
    top: -24px
}

.goal-add-template a.btn {
    line-height: normal;
    font-size: 12px;
    color: #fff
}

.goal-add-template .toolkit-list {
    padding-right: 40px
}

@media(max-width: 1400px) {
    .goal-add-template {
        position:relative;
        padding: 10px 20px 10px;
        border-bottom: 1px solid #d5d5d5;
        background: #f3f3f3;
        color: #666;
        -webkit-box-shadow: 2px 2px 3px #ddd;
        -moz-box-shadow: 2px 2px 3px #ddd;
        box-shadow: 2px 2px 3px #ddd;
        right: 0;
        top: inherit;
        min-width: 550px
    }

    .goal-add-template .module-help {
        top: 50%;
        margin-top: -10px
    }

    .goal-add-template .toolkit-list {
        padding-right: 20px
    }
}

.goal-header .head-nav>li {
    margin-right: 30px
}

.goal-header .head-nav>li>a:hover,.goal-header .head-nav>li.current>a,.goal-header .head-nav>li.dropdown:hover>a {
    color: #2dc3e8;
    border-bottom-color: #2dc3e8
}

@media(max-width: 1350px) {
    .goal-header .head-nav>li {
        margin-right:15px
    }

    .goal-view-content.sidebar-in .mainline-toolkit-box {
        display: block;
        width: 100%;
        margin: 10px 0 0 0;
        padding-top: 10px;
        position: relative
    }

    .goal-view-content.sidebar-in .mainline-toolkit-box:before {
        position: absolute;
        content: "";
        height: 1px;
        background-color: #ddd;
        left: -20px;
        right: -20px;
        top: 0
    }
}

@media(max-width: 1200px) {
    .goal-header .head-nav>li {
        margin-right:10px
    }

    .goal-header .head-nav>li>a {
        font-size: 13px
    }
}

@media(max-width: 1100px) {
    .goal-header .head-nav>li {
        margin-right:5px
    }

    .goal-header .head-nav>li>a {
        font-size: 12px
    }
}

.goals-state-result {
    margin: 42px 0 0 50px;
    padding-bottom: 30px;
    position: relative
}

.goals-state-group {
    margin-bottom: 20px
}

.goal-state-item {
    color: #666;
    position: relative
}

.goal-state-item:last-child:after {
    background-color: #ccc;
    border: 1px solid #eee;
    border-radius: 50%;
    bottom: 0;
    content: "";
    height: 14px;
    left: -6px;
    position: absolute;
    width: 14px
}

.goal-state-item .update-day {
    color: #8c8c8c;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 20px -30px
}

.goal-state-item .avatar {
    position: absolute;
    left: -23px;
    z-index: 10
}

.goal-state-item .avatar img {
    border-radius: 50%;
    height: 46px;
    width: 46px
}

.goal-state-item .event-info {
    border-left: 2px solid #e1e1e1;
    padding: 5px 40px 20px 60px;
    position: relative
}

.goal-state-item .event-info .event-time {
    background: #eee none repeat scroll 0 0;
    color: #999;
    height: 30px;
    left: -80px;
    line-height: 30px;
    position: absolute;
    top: 48px
}

.goal-state-item .event-info .event-title {
    margin-bottom: 5px
}

.goal-state-item .event-info .event-title .name {
    font-size: 14px;
    margin-right: 3px
}

.goal-state-item .event-info .event-content {
    line-height: 25px
}

.goal-state-item .event-box {
    background: #fff;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: 2px 2px 2px #ddd;
    -moz-box-shadow: 2px 2px 2px #ddd;
    box-shadow: 2px 2px 2px #ddd
}

.goal-state-item .event-box:before {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 8px 8px 8px 0;
    border-color: transparent #fff transparent transparent;
    left: -8px;
    top: 20px
}

.mainlinelink-list-container .mainline-ganttChart-nav .module-help {
    position: static
}

.goal-ganttchart {
    overflow: hidden;
    background: #fff;
    border: 1px solid #d5d5d5;
    position: relative
}

.mainline-gantt-box {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 2
}

.mainline-gantt-box a {
    display: block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background-color: #fff;
    box-shadow: 1px 2px 1px rgba(0,0,0,.15);
    color: #999;
    border: 1px solid #fdfdfd
}

.mainline-gantt-box a+a {
    margin-top: 5px
}

.mainline-gantt-box a:hover,.mainline-gantt-box a.active {
    color: #5d9cec;
    text-decoration: none
}

.mainline-gantt-box a i {
    font-weight: bold
}

.mainline-gantt-box a:first-child i {
    font-weight: normal;
    font-size: 12px
}

.mainline-gantt-rightopt>div {
    padding: 5px 10px
}

.mainline-gantt-rightopt>div:hover {
    color: #fff;
    background: #2dc3e8;
    cursor: pointer
}

.goal-ganttchart .ganttchart-header {
    overflow: hidden;
    background: #f8f8f8;
    max-height: 77px;
    border-bottom: 1px solid #d5d5d5
}

.goal-ganttchart .left-column,.goal-ganttchart .right-column {
    padding: 0
}

.goal-ganttchart .right-column .mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-bottom: 0
}

.goal-ganttchart .ganttchart-header .cell,.goal-ganttchart .ganttchart-content .cell {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 10px 15px;
    border-color: #eee;
    border-style: solid;
    border-width: 0 1px 1px 0
}

.goal-ganttchart .ganttchart-header .cell {
    padding: 0 15px;
    color: #676a6c;
    font-weight: bold;
    border-width: 0 1px 0 0
}

.goal-ganttchart .left-column .line {
    display: table;
    width: 100%
}

.goal-ganttchart .left-column .line .cell {
    display: table-cell;
    position: relative
}

.goal-ganttchart .left-column .line .cell>div {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center
}

.goal-ganttchart .left-column .line .cell>.name {
    text-align: left
}

@media(max-width: 1280px) {
    .goal-ganttchart .left-column .line .name,.goal-ganttchart .left-column .line>.name>div {
        min-width:auto
    }
}

.goal-ganttchart {
    min-width: 530px
}

.goal-ganttchart .left-column .line .name>i {
    color: #999;
    position: absolute;
    padding: 3px 5px;
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
    cursor: pointer
}

.goal-ganttchart .left-column .line .cell a:hover {
    text-decoration: none
}

.goal-ganttchart .left-column .line .name>a {
    margin: 0 0 0 20px;
    color: #676a6c
}

.goal-ganttchart .left-column .line .cell a:hover,.goal-ganttchart .left-column .line .cell a:active,.goal-ganttchart .left-column .line .cell a:focus,.goal-ganttchart .left-column .line .cell a.active {
    color: #5d9cec
}

.goal-ganttchart .left-column .line .username>a,.goal-ganttchart .left-column .line .participants>a {
    color: #999
}

.goal-ganttchart .ganttchart-header .left-column .cell {
    min-height: 67px;
    line-height: 67px
}

.goal-ganttchart .ganttchart-header .right-column {
    max-height: 78px;
    overflow-y: hidden
}

.goal-ganttchart .ganttchart-header .right-column .time {
    display: table-cell;
    border-right: 1px solid #e5e5e5
}

.goal-ganttchart .ganttchart-header .time-info>span>div {
    width: 27px;
    text-align: center;
    font-size: 12px;
    color: #999
}

.goal-ganttchart .ganttchart-header .time-title.cell {
    padding: 5px 10px;
    width: 100%;
    border-width: 0 0 1px 0;
    border-color: #e5e5e5;
    text-align: center
}

.goal-ganttchart .ganttchart-header .time-info span {
    display: table-cell;
    padding: 5px;
    border-right: 1px solid #e5e5e5
}

.goal-ganttchart .ganttchart-header .time-info span:last-child,.goal-ganttchart .ganttchart-header .time-info span:only-child,.goal-ganttchart .ganttchart-header .time:last-child,.goal-ganttchart .ganttchart-header .time:only-child {
    border-right: 0
}

.goal-ganttchart .ganttchart-content .cell {
    border-width: 0 1px 1px 0
}

.goal-ganttchart .ganttchart-content .line:last-child .cell {
    border-width: 0 1px 0 0
}

.goal-ganttchart .ganttchart-content .cell>div {
    color: #999
}

.goal-ganttchart .ganttchart-content .cell.warning>div {
    color: #ffba38
}

.goal-ganttchart .ganttchart-content .cell.danger>div {
    color: #e60000
}

.goal-ganttchart .ganttchart-content .line {
    margin: 0
}

.goal-ganttchart .ganttchart-content .no-data,.goal-ganttchart .ganttchart-content .more-data {
    color: #999;
    border-color: #eee;
    border-style: solid;
    border-width: 0 1px 1px 0;
    padding: 10px 15px;
    text-align: center
}

.goal-ganttchart .no-data,.goal-ganttchart .more-data {
    color: #999;
    padding: 10px 15px;
    text-align: center
}

.goal-ganttchart .ganttchart-header .left-column .cell[col="beginDate"],.goal-ganttchart .ganttchart-header .left-column .cell[col="dueDate"] {
    min-width: 118px
}

.goal-ganttchart .more-data {
    border-color: #eee;
    border-style: solid;
    border-width: 1px 0 0 0
}

.goal-ganttchart .loading_small {
    color: #999;
    text-align: center
}

.goal-ganttchart .ganttchart-content .cell:before {
    content: "";
    position: absolute;
    width: 3px;
    top: 1px;
    bottom: 1px;
    left: -1px
}

.goal-ganttchart .ganttchart-content .cell.unread:before {
    background: #e44471
}

.goal-ganttchart .ganttchart-content .cell.newComment:before {
    background: #57ae18
}

.goal-ganttchart .ganttchart-content .line:last-child,.goal-ganttchart .ganttchart-content .line:only-child {
    border-bottom: 0
}

.goal-ganttchart .ganttchart-content .right-column .line {
    position: relative
}

.goal-ganttchart .ganttchart-content .right-column .dimension-line {
    position: absolute;
    width: 2px;
    top: 0;
    bottom: 0;
    background-color: #fc6;
    left: 50%;
    z-index: 12
}

.goal-ganttchart .ganttchart-content .right-column .cell {
    width: 100%;
    padding: 13px 0
}

.goal-ganttchart .progress {
    background-color: #fff;
    margin: 0;
    height: 14px;
    border-radius: 0
}

.goal-ganttchart .progress .progress-bar-doing {
    background-color: #92c492
}

.goal-ganttchart .progress .progress-bar-delay {
    background-color: #f18381
}

.goal-ganttchart .progress .progress-bar-future {
    background-color: #7fbedf
}

.goal-ganttchart .progress-bar.progress-bar-blank {
    background-color: #fff
}

.goal-ganttchart .progress,.goal-ganttchart .progress-bar {
    webkit-box-shadow: none;
    box-shadow: none
}

.goal-ganttchart .ganttchart-content .right-column {
    overflow: hidden
}

.goal-ganttchart .more-data-process {
    height: 41px;
    border-color: #eee;
    border-style: solid;
    border-width: 0 0 1px 0
}

.goal-permset-box {
    position: relative;
    padding: 20px;
    overflow: hidden
}

.goal-permset-box .entity-info .control-group:last-child,.goal-permset-box .entity-info .control-group:only-child {
    border-bottom: 0
}

.goal-permset-box .entity-info .control-group {
    padding: 10px 20px;
    color: #999;
    font-size: 12px
}

.goal-permset-box .entity-info .control-group.title {
    color: #666;
    font-weight: bold
}

.goal-permset-box .entity-info li>span {
    display: block;
    width: 20%;
    text-align: center;
    float: left;
    padding: 0 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.goal-permset-box .entity-info li>span>span {
    width: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.goal-permset-box .entity-info .control-group.title:hover {
    background-color: #fff
}

.goal-permset-box .entity-info li input {
    cursor: pointer;
    vertical-align: top;
    margin-top: 1px;
    display: block
}

.goal-permset-box .entity-info li.title input {
    margin: 3px 3px 0 0
}

.goal-permset-modal .modal-body {
    max-height: none
}

.goal-permset-modal .mCustomScrollbar {
    height: 500px!important
}

.goal-permset-box .entity-info li>span>* {
    float: left
}

.goal-content-wrapper .module-detail-view {
    border: 1px solid #d5d5d5;
    margin: 20px 20px 0;
    padding-bottom: 20px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.15);
    -o-box-shadow: 0 0 5px rgba(0,0,0,0.15);
    box-shadow: 0 0 5px rgba(0,0,0,0.15)
}

.modal.creategoal .modal-dialog {
    width: 640px
}

.creategoal .creategoal-head .control-group {
    padding: 0;
    border: 0
}

.creategoal-head .goal-icon {
    float: left;
    padding-top: 8px
}

.creategoal-head .goal-icon-r {
    margin-left: 55px
}

.creategoal .creategoal-head .title,.creategoal .creategoal-head .content-editor {
    padding: 3px 6px
}

.creategoal .btn-groups {
    margin-top: 15px
}

.entity-info .mainline-duedate input.textinput {
    border: 1px solid #ccc
}

.csicon-box {
    z-index: 99999
}

.csicon-box .modal-body {
    max-height: 450px;
    min-height: 375px
}

.csicon-box-hd .csicon-thumb {
    margin: 0 41px 0 13px
}

.csicon-add {
    color: #bbbaba;
    margin-top: 14px;
    margin-left: 12px
}

.csicon-add:hover {
    color: #999
}

.csicon-add>i {
    height: 48px;
    width: 48px;
    line-height: 48px;
    border: 1px solid #f1f1f1;
    background: #f8f9fa;
    display: inline-block;
    font-size: 30px;
    margin-right: 8px;
    vertical-align: middle;
    border-radius: 3px
}

.csicon-add:hover i {
    border-color: #fda316
}

.csicon-thumb img {
    border-radius: 5px;
    cursor: pointer;
    height: 48px;
    width: 48px
}

.csicon-lib {
    padding: 0;
    margin: 0
}

.csicon-lib>li {
    float: left;
    list-style: none;
    padding: 12px;
    margin: 0 15px 5px 0;
    border: 1px solid #fff
}

.csicon-lib>li:hover {
    border-color: #bcceea;
    background: #e5f0f9
}

.modal-body .avatar-img {
    border: 5px solid #f2f2f2;
    margin: 5px 0;
    max-width: 500px;
    max-height: 500px
}

.modal-body .avatar-img img {
    max-width: 500px;
    max-height: 500px
}

.modal-body .avatar-note {
    height: 200px;
    width: 400px;
    text-align: center;
    line-height: 30px
}

.modal-body .avatar-preview-wrapper p {
    margin: 0;
    text-align: center;
    line-height: 30px
}

.csicon-box .avatar-img {
    margin: 5px 0;
    max-height: 360px;
    max-width: 380px
}

.csicon-box .avatar-note {
    width: 300px;
    text-align: center
}

.csicon-box .avatar-wrapper {
    position: relative
}

.csicon-box .avatar-preview-wrapper {
    position: absolute;
    top: 0;
    right: 15px
}

.csicon-box .avatar-preview-wrapper p {
    margin: 0;
    line-height: 30px
}

.csicon-box .btn-groups {
    margin: 15px 0
}

.csicon-box .btn-groups .cut-tip {
    margin-left: 5px
}

.csicon-box .avatar-preview {
    margin: 0;
    border: 2px solid #f2f2f2;
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: relative
}

.csicon-box .avatar-preview img {
    width: 100px;
    height: 100px;
    position: relative;
    max-width: none
}

.project-nodata {
    border: 1px solid #e2e2e2;
    margin: 20px 70px
}

.project-nodata .goal-div.goal-guide {
    text-align: left
}

.project-nodata .goal-div.goal-guide p {
    text-indent: 20px
}

.project-nodata .goal-item-guide {
    border: 0;
    margin: 0
}

.project-nodata .goal-list-wrap {
    margin: 0 auto;
    width: 398px
}

.project-nodata .goal-list-wrap div,.project-nodata .goal-list-wrap dl {
    margin: 0
}

.goal-createGroup-bar {
    padding: 5px;
    line-height: 25px;
    border: dashed 1px #e2e2e2;
    border-width: 1px 0
}

.goal-createGroup-bar a {
    color: #333;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold
}

.goal-createGroup-bar .icon-plus-thin {
    float: left;
    font-size: 20px;
    margin-top: 3px
}

.entity-info .label-mainlineDetail {
    margin-top: 2px
}

.puzzles-stage-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    position: relative
}

.puzzles-stage {
    padding: 20px 10px 12px;
    font-size: 0;
    white-space: nowrap
}

.puzzles-stage .stage-column {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    white-space: nowrap
}

.puzzle-item {
    width: 290px;
    background: #fff;
    border: 1px solid #eaeaea;
    margin: 0 10px;
    font-size: 0;
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.puzzle-item-holder {
    height: 260px;
    background: #ddd;
    border-radius: 3px;
    width: 290px;
    margin: 0 10px;
    display: inline-block;
    vertical-align: top
}

.puzzle-item .puzzle-header {
    height: 50px;
    padding: 0 50px 0 15px;
    position: relative;
    border-bottom: 3px solid #eaeaea
}

.puzzle-item .puzzle-header,.puzzle-item .puzzle-content,.puzzle-item .puzzle-footer {
    font-size: 14px
}

.mainlinelink-list-container .puzzle-content .mCSB_container {
    min-height: 100%
}

.puzzle-item .puzzle-title {
    margin-right: 15px;
    font-weight: bold;
    color: #666;
    line-height: 45px
}

.puzzle-item .puzzle-title>span {
    display: inline-block;
    vertical-align: middle
}

.puzzle-item .puzzle-title>.title {
    max-width: 160px
}

.puzzle-item .puzzle-title>.count {
    margin-left: 5px
}

.puzzle-item .puzzle-option {
    position: absolute;
    top: 0;
    right: 0
}

.puzzle-item .puzzle-option .dropdownchild>.dropdownchild-menu {
    width: 168px
}

.puzzle-item .puzzle-option>a {
    display: block;
    height: 45px;
    line-height: 44px;
    width: 50px;
    text-align: center;
    text-decoration: none;
    color: #666;
    border-left: 1px solid rgba(0,0,0,0)
}

.puzzle-item .puzzle-option:hover>a,.puzzle-item .puzzle-entry-list li .opt.dropdown:hover>a {
    color: #333;
    border-color: #d5d5d5;
    background: #fff;
    position: relative;
    z-index: 101
}

.puzzle-item .puzzle-option.dropdown .dropdown-menu {
    border-width: 1px 0 1px 1px!important;
    border-color: #d5d5d5
}

.puzzle-entry-list {
    min-height: 100%;
    padding-bottom: 300px;
    overflow: visible
}

.puzzle-entry-list .nodata {
    text-align: center;
    color: #999;
    padding: 15px
}

.puzzle-entry-item {
    padding: 10px 0 5px;
    position: relative;
    border-bottom: 3px solid #eaeaea;
    background: #fff
}

.puzzle-entry-item:hover,.puzzle-entry-item.active {
    background: #f5f5f5
}

.puzzle-entry-item:before {
    content: "";
    position: absolute;
    width: 4px;
    top: 1px;
    bottom: 1px;
    left: 0;
    border-radius: 1px 0 0 1px
}

.puzzle-entry-item.unread:before {
    background: #e44471
}

.puzzle-entry-item.newComment:before {
    background: #57ae18
}

.puzzle-entry-item .opt {
    font-size: 16px;
    position: absolute;
    display: none;
    right: -1px;
    top: -1px
}

.puzzle-entry-item:hover .opt {
    display: block
}

.puzzle-entry-item .opt>a {
    border-style: solid;
    border-color: transparent;
    border-width: 1px 1px 0;
    color: #666;
    display: block;
    height: 30px;
    width: 30px;
    line-height: 28px;
    text-align: center
}

.puzzle-entry-item .opt>.dropdown-menu {
    max-width: 120px
}

.puzzle-entry-item .opt>.dropdown-menu>li>a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.puzzle-entry-item .opt .dropdownchild>.dropdownchild-menu {
    width: 168px
}

.mainlinelink-list-container .puzzle-content .puzzle-entry-item .opt .mCSB_container {
    padding: 0
}

.puzzle-entry-item .sn {
    color: #999;
    position: absolute;
    margin-left: 11px;
    width: 24px
}

.puzzle-entry-item .tit {
    margin-left: 36px;
    margin-right: 34px;
    line-height: 20px;
    min-height: 20px;
    color: #444
}

.puzzle-entry-item .info {
    height: 24px;
    line-height: 24px;
    color: #999;
    margin: 5px 20px 10px 36px;
    text-align: right
}

.puzzle-entry-item .info span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px
}

.puzzle-entry-item .info span:empty {
    display: none
}

.puzzle-entry-item .info span+span {
    margin-left: 14px
}

.puzzle-entry-item .percent {
    font-size: 12px;
    line-height: 16px;
    padding: 0 8px;
    float: left;
    height: 18px;
    margin-top: 3px;
    border: 1px solid #2dc3e8;
    color: #2dc3e8;
    text-align: center;
    border-radius: 2px
}

.puzzle-entry-item .percent.hide,.puzzle-entry-item .percent:empty {
    display: none
}

.puzzle-entry-item .importance {
    border-right: 14px solid rgba(0,0,0,0);
    border-top: 14px solid rgba(0,0,0,0);
    position: absolute;
    bottom: 0;
    right: 0
}

.puzzle-entry-item .importance.hide {
    display: none
}

.puzzle-entry-item .importance.urgency {
    border-right-color: #e60000
}

.puzzle-entry-item .importance.high {
    border-right-color: #ffba38
}

.puzzle-entry-item.ui-sortable-helper {
    background: #fff!important;
    border: 1px solid #e7eaec;
    display: block!important;
    -webkit-transition: transform .15s ease;
    -o-transition: transform .15s ease;
    transition: transform .15s ease;
    -webkit-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg)
}

.puzzle-item-placeholder {
    height: 70px;
    background: #f5f5f5
}

.puzzle-footer {
    border-top: 1px solid #d5d5d5;
    position: relative
}

.puzzle-entry-addone {
    display: block;
    text-decoration: none;
    line-height: 36px;
    padding: 0 15px;
    text-align: center;
    color: #999;
    font-size: 12px
}

.puzzle-entry-addone:hover {
    color: #fb6e52
}

.puzzle-entry-poster {
    padding: 15px;
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    background: #fff;
    box-shadow: 0 -2px 6px rgba(0,0,0,0.12)
}

.puzzle-entry-poster input {
    margin-bottom: 10px
}

.puzzle-entry-poster textarea {
    resize: none;
    min-height: 40px;
    margin-bottom: 10px
}

.puzzle-header .puzzle-rename {
    position: absolute;
    top: 7px;
    width: 210px;
    margin-right: 10px
}

.puzzle-entry-poster .puzzle-entry-content {
    max-height: 215px
}

.puzzle-entry-poster .puzzle-entry-content .mCSB_container {
    padding-bottom: 180px
}

.poster-infos {
    border-radius: 3px;
    border: 1px solid #eaeaea
}

.poster-infos .info-item {
    padding: 6px 17px;
    line-height: 30px;
    border-top: 1px solid #eaeaea
}

.poster-infos .info-item:first-child {
    border: 0
}

.poster-infos .info-item:hover {
    background: #f8f8f8
}

.poster-infos .info-item dt {
    color: #666;
    float: left;
    font-size: 12px;
    font-weight: bold;
    max-width: 55px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: default
}

.poster-infos .info-item dd {
    margin-left: 60px;
    position: relative
}

.poster-infos .info-item .entity-item {
    vertical-align: top
}

.poster-infos .info-item dd .typeahead-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100
}

.poster-infos .info-item .control-btn {
    display: none
}

.poster-infos .info-item:hover .control-btn {
    display: inline-block;
    vertical-align: middle
}

.poster-infos .entity-item .avatar+span {
    max-width: 84px
}

.poster-infos .info-item .typeahead-wrapper {
    width: 152px
}

.poster-infos .info-item .date-ending input {
    padding: 2px 5px;
    height: 24px;
    background: 0;
    line-height: 20px;
    border: 0;
    color: #666;
    width: 100%;
    -webkit-transition: background .15s linear;
    -o-transition: background .15s linear;
    transition: background .15s linear;
    border-radius: 3px
}

.poster-infos .info-item .date-ending input:hover,.poster-infos .info-item .date-ending input:focus {
    background-color: #eee
}

.poster-infos .info-item .importance-item {
    margin-left: 10px
}

.puzzles-stage-wrap>.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-bottom: 0
}

.puzzles-stage-wrap .mCS-darkblue.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    margin: 0
}

.puzzles-stage-wrap .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 8px
}

.mainlinelink-list-container.mCustomScrollbar>.mCustomScrollBox>.mCSB_container {
    padding-bottom: 100px
}

.goal-list .goal-item.goal-head-newcomment {
    border-left: 4px solid #a0d468
}

.goal-list .goal-item.goal-head-unread {
    border-left: 4px solid #e44471
}

.mainlinelink-list-container .ui-sortable .group-task-placeholder {
    border: dashed 1px #ccc;
    height: 75px;
    margin-top: 15px;
    background-color: #f4f5da
}

.mainlinelink-list-container .ui-sortable .group-task-placeholder:first-child {
    margin-top: 0
}

.goal-taskpanel-view {
    margin-bottom: -100px
}

.mainlinelink-statistics-container .stat-cdts .controls>* {
    display: inline-block
}

.mainlinelink-statistics-container .stat-cdts .controls>.help-url:link,.mainlinelink-statistics-container .stat-cdts .controls>.help-url:active,.mainlinelink-statistics-container .stat-cdts .controls>.help-url:hover,.mainlinelink-statistics-container .stat-cdts .controls>.help-url:visited {
    color: #333;
    text-decoration: none
}

.mainlinelink-statistics-container .stat-cdts .controls>.help-url:link,.mainlinelink-statistics-container .stat-cdts .controls>.help-url:active,.mainlinelink-statistics-container .stat-cdts .controls>.help-url:hover,.mainlinelink-statistics-container .stat-cdts .controls>.help-url:visited {
    color: #333;
    text-decoration: none
}

.mainlinelink-statistics-container .mCSB_container {
    padding: 0 0 60px 0
}

.taskreport-view {
    min-width: 1010px
}

.taskreport-view .tableDiv * {
    color: #666
}

.taskreport-view .tableDiv table th,.taskreport-view .tableDiv table td {
    text-align: center
}

.taskreport-view .tableDiv table th {
    background-color: #f5f5f5
}

.taskreport-view .tableDiv>.tableDiv-header {
    background: #fff;
    line-height: 37px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 0 8px
}

.mainlinelink-statistics-container .rank-chart-div .rank-chart {
    height: 180px
}

.mainlinelink-statistics-container .finish-chart-div .finish-chart {
    height: 214px
}

@media(max-width: 1500px) {
    .mainlinelink-statistics-container .rank-chart-div .rank-chart {
        height:206px
    }

    .mainlinelink-statistics-container .finish-chart-div .finish-chart {
        height: 240px
    }
}

.mainline-stat-table {
    table-layout: fixed
}

.mainline-stat-table th,.mainline-stat-table td {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mainline-copy-model .modal-dialog {
    width: 700px
}

.mainlinecopy-view .rename input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 20px
}

.mainlinecopy-ul {
    width: 100%;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    display: block;
    overflow: hidden;
    border-width: 1px 1px 0 1px
}

.mainlinecopy-ul li {
    min-height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e3e3e3
}

.mainlinecopy-ul li .item {
    float: left;
    height: 40px;
    line-height: 40px;
    padding: 0 40px
}

.mainlinecopy-details li:last-child,.mainlinecopy-ul-more li:last-child,.mainlinecopy-ul li:last-child {
    border-bottom: 0
}

.mainlinecopy-ul .item.principal {
    width: 40%
}

.mainlinecopy-ul .item.participant {
    width: 30%
}

.mainlinecopy-ul .item.share {
    width: 30%
}

.mainlinecopy-ul .item.principal>.title {
    width: 80px;
    position: absolute
}

.mainlinecopy-ul .item.principal>.principal-child {
    margin: 0 0 0 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mainlinecopy-tab .notes {
    padding: 10px 20px;
    display: inline-block;
    color: #c1c1c1;
    font-style: italic;
    font-size: 12px;
    font-weight: normal
}

.mainlinecopy-tab {
    color: #999;
    font-weight: bold
}

.mainlinecopy-ul-more {
    width: 100%;
    display: block;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-width: 1px 1px 0 1px
}

.mainlinecopy-ul-more>li {
    width: 100%;
    display: block;
    height: 40px;
    overflow: hidden;
    border-bottom: 1px solid #e3e3e3
}

.mainlinecopy-ul-more li .item {
    float: left;
    height: 40px;
    line-height: 40px;
    padding: 0 40px
}

.mainlinecopy-ul-more li .details {
    width: 40%
}

.mainlinecopy-ul-more .item>.title {
    width: 80px;
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 10px
}

.mainlinecopy-ul-more .item .checkbox-div,.mainlinecopy-ul .item .checkbox-div {
    margin: 0 0 0 80px
}

.mainlinecopy-ul-more .item .checkbox-div {
    font-weight: normal
}

.mainlinecopy-ul-more .checkbox-div input[type="checkbox"] {
    margin: 0 10px 0 0
}

.taskreport-view .tableDiv-header>div>span {
    margin: 0 0 0 30px
}

.taskreport-view .tableDiv-header span.doing a,.taskreport-view .tableDiv-content td a.doing {
    color: #a0d468
}

.taskreport-view .tableDiv-header span.finished a,.taskreport-view .tableDiv-content td a.finished {
    color: #fb6e53
}

.taskreport-view .tableDiv-header span.created a,.taskreport-view .tableDiv-content td a.created {
    color: #999
}

.taskreport-view .tableDiv-header span.delayed a,.taskreport-view .tableDiv-content td a.delayed {
    color: #5db2ff
}

.mainlinecopy-view-bg {
    background-color: #FFF;
    z-index: 999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

.mainline-copy-model .loading_small {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: -40px 0 0 0;
    z-index: 99999
}

.taskreport-view .newtasks-div {
    overflow: hidden
}

.taskreport-view .newtasks-div p {
    cursor: pointer;
    text-align: center;
    display: block
}

.taskreport-view .newtasks-num {
    color: #23b7e5;
    font-size: 78px;
    line-height: 120px;
    margin: 55px 0 20px 0
}

.mainlinetaskslist .form-invite .num {
    line-height: 30px
}

.mainlinetaskslist table tbody tr:nth-child(2) td {
    border-top: 0
}

.mainlinetaskslist .finishacountdiv .totalamount {
    color: #5d9cec
}

.mainlinetaskslist .finishacountdiv .delayamount {
    color: #f05151
}

.mainlinetaskslist .trashbinlist .mCSB_container {
    padding: 0 0 100px 0
}

.mainlinelink-list-container .toolkit-bar {
    z-index: 200;
    -moz-box-shadow: 2px 2px 3px #e8e8e8;
    border: 0;
    background: 0
}

.mainlinelink-list-container .agenda-calendar {
    background: transparent
}

.mainlinelink-list-container .agenda-checkbox-content {
    right: 174px
}

.mainlinelink-list-container .agenda-calendar .fc-header-wrapper {
    margin: 0
}

.mainlinelink-list-container .agenda-calendar {
    padding: 0
}

.mainlinelink-list-container .agenda-calendar .fc-content {
    margin: 0 20px!important
}

@media(max-width: 1440px) {
    .mainlinelink-list-container.in .fc-header tr {
        display:block;
        position: relative;
        height: 81px
    }

    .mainlinelink-list-container.in .fc-header td {
        display: block
    }

    .mainlinelink-list-container.in .fc-header-center {
        position: absolute;
        top: 40px;
        width: 100%;
        padding-top: 10px
    }

    .mainlinelink-list-container.in .fc-header-center:before {
        position: absolute;
        content: "";
        height: 1px;
        left: -20px;
        right: -20px;
        top: 0;
        background-color: #ddd
    }

    .mainlinelink-list-container.in .fc-header-right {
        left: 150px!important
    }

    .mainlinelink-list-container.in .fc-header-left {
        left: 0!important
    }
}

@media(max-width: 1280px) {
    .mainlinelink-list-container .fc-header tr {
        display:block;
        position: relative;
        height: 81px
    }

    .mainlinelink-list-container .fc-header td {
        display: block
    }

    .mainlinelink-list-container .fc-header-center {
        position: absolute;
        top: 40px;
        width: 100%;
        padding-top: 10px
    }

    .mainlinelink-list-container .fc-header-center:before {
        position: absolute;
        content: "";
        height: 1px;
        left: -20px;
        right: -20px;
        top: 0;
        background-color: #ddd
    }

    .mainlinelink-list-container .fc-header-right {
        left: 150px!important
    }

    .mainlinelink-list-container .fc-header-left {
        left: 0!important
    }
}

.mainlinereport-view .newmainlines-num {
    color: #23b7e5;
    font-size: 78px;
    line-height: 120px;
    margin: 55px 0 20px 0
}

.mainlineslist .finishacountdiv .totalamount {
    color: #5d9cec
}

.mainlineslist .finishacountdiv .delayamount {
    color: #f05151
}

.mainlinereport-view .bar-type-div .bar-type {
    height: 180px
}

.mainlinereport-view .finish-chart-div .finish-chart {
    height: 214px
}

@media(max-width: 1500px) {
    .mainlinereport-view .bar-type-div .bar-type {
        height:206px
    }

    .mainlinereport-view .finish-chart-div .finish-chart {
        height: 240px
    }
}

.ganttchat-processbar-header {
    position: relative
}

.goal-permset-content {
    position: relative;
    overflow: hidden
}

.goal-permset-content .entity-info .control-group:last-child,.goal-permset-content .entity-info .control-group:only-child {
    border-bottom: 0
}

.goal-permset-content .entity-info .control-group {
    padding: 9px 20px;
    line-height: 30px;
    min-height: 30px
}

.goal-permset-content .entity-info .control-group.title {
    color: #666;
    font-weight: bold
}

.goal-permset-content .entity-info li>span {
    display: block;
    width: 20%;
    text-align: center;
    float: left;
    min-height: 26px;
    line-height: 26px
}

.goal-permset-content .entity-info .control-group.title:hover {
    background-color: #fff
}

.goal-permset-content .entity-info li input {
    cursor: pointer;
    vertical-align: top;
    margin: 7px 0 0 -46px
}

.goal-permset-content .entity-info li.title input {
    margin: 7px 5px 0 0
}

.goal-permset-content .entity-info li>span>* {
    display: inline-block
}

.mainlinepermsetting-view .view-main {
    width: 66.6667%
}

.taskpermsetting-view .view-main {
    width: 66.6667%
}

.mainlinepermsetting-view .view-side {
    width: 33.3333%;
    padding-left: 20px
}

.taskpermsetting-view .view-side {
    width: 33.3333%;
    padding-left: 20px
}

@media(max-width: 1024px) {
    .mainlinepermsetting-view .view-side {
        width:0;
        display: none
    }
}

@media(max-width: 1024px) {
    .taskpermsetting-view .view-side {
        width:0;
        display: none
    }
}

.fieldpermission-view table tr>th {
    padding: 15px
}

.fieldpermission-view table tr>th,.fieldpermission-view table tr .option {
    white-space: nowrap;
    color: #666
}

.fieldpermission-view table tr .option {
    font-weight: bold
}

.fieldpermission-view table tr>td {
    padding: 10px 20px;
    white-space: nowrap
}

.goal-sidebar .goal-list .goal-item {
    z-index: 1
}

.mainline-basic-setting .list-item-basic {
    overflow: inherit
}

.mainline-basic-main .mCSB_container {
    padding-bottom: 250px
}

.mainlinetemp-new-model .cate-dropdown .e-selectui {
    width: 206px
}

.goal-template-brand {
    font-weight: normal;
    margin-left: 10px;
    color: #666
}

.goal-template-brand i {
    font-style: normal;
    display: inline-block;
    vertical-align: top;
    max-width: 400px
}

.mainlinecategory-list-wrapper .category-item {
    padding: 0 20px
}

.mainlinecategory-list-wrapper .mainlinecategory-hd {
    margin-bottom: 10px
}

.mainlinecategory-list-wrapper .mainlinecategory-hd:hover {
    border-bottom: 1px solid #ddd
}

.mainlinecategory-list-wrapper .mainlinecategory-manage-list {
    padding-bottom: 200px
}

.mainlinecategory-list-wrapper .goal-list-wrap .goal-list {
    overflow: visible;
    min-height: 20px
}

.mainlinecategory-list-wrapper .goal-list .goal-item-sortwrap {
    float: left
}

.mainlinecategory-list-wrapper .goal-list .goal-item {
    float: none;
    width: 340px
}

.mainlinecategory-list-wrapper .goal-list .goal-item:hover {
    border-color: #7ed1ff;
    background: #f1f9ff;
    box-shadow: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none
}

.mainlinecategory-list-wrapper .goal-list .goal-item-sort-holder {
    height: 130px;
    border: 1px dashed red;
    margin: 0 0 20px 20px;
    float: left;
    width: 340px
}

.mainlinecategory-list-wrapper .goal-list .goal-item dd .status-box {
    position: absolute;
    float: right;
    right: 15px;
    top: 17px
}

.mainlinecategory-list-wrapper .goal-list .goal-item .status-box .btn-group>a.dropdown-toggle {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    color: #666
}

.mainlinecategory-list-wrapper .goal-list .goal-item .item-options {
    position: absolute;
    right: 15px;
    bottom: 17px;
    display: none
}

.mainlinecategory-list-wrapper .goal-list .goal-item:hover .item-options .btn {
    border-color: #7ed1ff;
    background: #f9fcff
}

.mainlinecategory-list-wrapper .goal-list .goal-item .item-options .btn:hover {
    background: #d7ecff
}

.mainlinecategory-list-wrapper .goal-list .goal-item:hover .item-options {
    display: block
}

.mainlinecategory-list-wrapper .goal-list .goal-item.status-box .btn-group>a {
    color: #5c5c5c;
    padding: 0
}

.mainlinecategory-list-wrapper .goal-list .goal-item dd .caption {
    padding-right: 50px
}

.mainlinecategory-list-wrapper .goal-list .goal-item .remame-input {
    width: 155px;
    position: absolute;
    left: 111px;
    top: 35px
}

.mainlinecategory-minilist-wrapper .cate-name {
    line-height: 30px;
    background: #f8f8f8;
    border-bottom: 1px solid #eaeaea;
    padding: 0 30px 0 15px;
    position: relative;
    cursor: pointer
}

.mainlinecategory-minilist-wrapper .cate-name i {
    position: absolute;
    right: 12px;
    top: 7px;
    font-size: 16px
}

.mainlinecategory-minilist-wrapper .category-other-list .eform-cty-hd {
    cursor: default
}

.mainlinecategory-list-wrapper .goal-list .goal-item .title span {
    max-width: 148px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

.mainlinetemplates-cate-modal .modal-body {
    max-height: none;
    padding: 0
}

.mainlinetemplates-cate-modal .module-toolkit {
    padding: 20px 20px 5px 20px
}

.mainlinetemplates-cate-modal .search-box {
    position: relative
}

.mainlinetemplates-cate-modal .toolkit-senior-search .form-control {
    padding-right: 25px;
    vertical-align: top
}

.mainlinetemplates-cate-modal .search-box input {
    padding-right: 40px
}

.mainlinetemplates-cate-modal .search-box i {
    position: absolute;
    right: 10px;
    top: 50%;
    color: #999;
    margin-top: -6px
}

.mainlinetemplates-cate-modal .search-box i:hover {
    color: #666;
    cursor: pointer
}

.mainlinetemplates-cate-view .mainlinetemplates-cate-hd {
    padding: 10px 10px 0
}

.mainlinetemplates-cate-view .goal-item-wrap {
    padding: 8px;
    width: 50%;
    float: left
}

.mainlinetemplates-cate-view .goal-list .goal-item {
    margin: 0;
    float: none
}

.mainlinetemplates-cate-view .goal-list-wrap .goal-list {
    margin: 0
}

.mainlinetemplates-cate-view .mainlinecategory-list-wrapper .goal-list .goal-item {
    width: 100%
}

.mainlinetemplates-cate-view .mainlinecategory-list-wrapper {
    padding: 0 10px
}

.classify-list-wrap .goal-list:empty {
    display: none
}

.classify-list-wrap .goal-list {
    margin-bottom: 10px
}

.classify-list-wrap.goal-list-wrap .eform-cty-hd {
    margin: 0 20px 0
}

.classify-list-wrap.goal-list-wrap .eform-cty-hd.cs-d {
    cursor: default
}

.classify-list-wrap.goal-list-wrap .eform-cty-hd:hover {
    border-bottom: 1px solid #ddd
}

.classify-list-wrap.goal-list-wrap .eform-cty-hd:hover .btn-delecategory {
    display: inline!important
}

.classify-list-wrap.goal-list-wrap .classify-more {
    margin-top: 0;
    text-align: left;
    padding: 5px 20px;
    background: transparent;
    color: #999;
    font-size: 12px;
    cursor: pointer
}

.classify-list-wrap.goal-list-wrap .classify-more:hover {
    color: #444
}

.classify-list-wrap.goal-list-wrap .classify-list {
    min-height: 20px
}

.main-content-wrapper .searchfield {
    padding: 20px 20px 0 20px
}

.main-content-wrapper .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-right: 0;
    padding-bottom: 350px
}

.classify-list-wrap .classify-list .goal-item-sort-holder {
    height: 130px;
    border: 1px dashed red;
    margin: 0 0 20px 20px;
    float: left;
    width: 340px
}

@media(min-width: 1440px) {
    .classify-list-wrap .classify-list .goal-item-sort-holder {
        width:380px
    }
}

@media(min-width: 1600px) {
    .classify-list-wrap .classify-list .goal-item-sort-holder {
        width:398px
    }
}

.mainline-new-group .e-selectui:hover .selectui-result.default {
    border-color: #ccc;
    color: #666
}

.mainline-new-group .e-selectui:hover .selectui-result .icon-caret-down.stopit {
    transform: rotate(0deg)
}

.mainline-new-group .e-selectui .dropdown-menu li {
    max-width: 142px
}

.mainline-new-group .e-selectui .selectui-result {
    max-width: 142px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mainline-reportset-model .mainline-reportset-box {
    padding: 20px
}

.mainline-reportset-model .mCustomScrollBox>.mCSB_container {
    padding-bottom: 320px
}

.mainline-reportset-model .mainline-reportset-box .entity-info .control-group .entity-item-add {
    display: inline-block
}

.mainline-reportset-model .mainline-reportset-box .control-group .control-label {
    white-space: pre;
    text-align: justify
}

.mainline-reportset-view .entity-info .control-group .checkbox-inline+.checkbox-inline {
    margin-left: 9px
}

.mainline-projectreport-view table {
    background: #fff
}

.mainline-projectreport-view .entity-info .control-group:hover {
    background: #fff
}

.mainline-projectreport-view .reportname {
    font-size: 18px;
    margin: 15px 0;
    color: #454545
}

.mainline-projectreport-view .reporttilte {
    line-height: 30px;
    font-weight: bold;
    color: #454545
}

.mainline-projectreport-view table tr.t-color>th {
    background: #f5f5f5;
    color: #666;
    text-align: center
}

.mainline-projectreport-view table tr.table-hover td:hover {
    background: #f5f5f5
}

.mainline-projectreport-view table tr.table-hover,.mainline-projectreport-view table:first-child tr>td:not(.t-color) {
    color: #999
}

.mainline-projectreport-view .mainline-projectreport-box .bd-r {
    border-right: 1px solid #ececec
}

.mainline-projectreport-view .mainline-projectreport-box .table-block {
    margin: 0 18px 13px
}

.mainline-projectreport-view .mainline-projectreport-box .columntitle {
    line-height: 30px;
    color: #454545;
    padding: 6px 20px
}

.mainline-projectreport-view .mainline-projectreport-box .columntitle .icon-help {
    color: #999;
    vertical-align: middle;
    margin-left: 5px
}

.mainline-projectreport-view .mainline-projectreport-box .columntitle a:hover {
    text-decoration: none
}

.mainline-projectreport-view table .no-data {
    text-align: center
}

.mainline-projectreport-view table:first-child tr>td.taskname {
    color: #333;
    text-align: left;
    padding-left: 30px;
    padding-right: 30px
}

.mainline-projectreport-view .taskname {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    min-height: 21px;
    max-width: 160px;
    width: 160px
}

.mainline-projectreport-view table.todotasktable tr>th:not(.tasknametitle) {
    width: 15%
}

.mainline-projectreport-view .detail-brand .opt {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    margin-left: 5px
}

.mainlinereport-completedetail-model.ov-h {
    overflow: hidden
}

.mainlinereport-completedetail-model .mainlinereport-completedetail-view {
    padding: 20px
}

.mainlinereport-completedetail-model .mainlinereport-completedetail-view .sham-tab .list>ul>li:first-child {
    border-top: 1px solid #ddd
}

.mainlinereport-completedetail-model .mainlinereport-completedetail-view .sham-tab .list>ul>li>.item {
    width: 100%
}

.mainlinereport-completedetail-model .mainlinereport-completedetail-view .sham-tab .sn-link {
    color: #333;
    margin: 0 10px;
    float: left
}

.mainlinereport-completedetail-model .mainlinereport-completedetail-view .sham-tab .name {
    font-size: 14px;
    float: left;
    max-width: 70%;
    color: #333
}

.mainlinereport-completedetail-model .mainlinereport-completedetail-view .sham-tab .username {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 75px;
    margin: 0 20px;
    float: left
}

.mainlinereport-completedetail-model .mainlinereport-completedetail-view .sham-tab .time {
    float: right;
    margin-right: 10px;
    font-size: 12px
}

#mainline-task-view-change.introjs-fixParent {
    z-index: 3!important
}

.org-left-col {
    border-right: 1px solid #e7eaec;
    width: 300px;
    background: #fff
}

.org-left-header {
    height: 45px;
    border-bottom: 1px solid #ddd
}

.org-left-header .tab a {
    float: left;
    height: 44px;
    line-height: 38px;
    padding: 3px 20px 0 20px;
    margin-left: 10px;
    color: #333;
    border-bottom: 3px solid transparent;
    text-decoration: none
}

.org-left-header .tab a:hover {
    font-weight: bold
}

.org-left-header .tab a.active {
    border-color: #4fc1e9;
    color: #08c;
    font-weight: bold
}

.org-right-col .mCSB_container {
    padding-bottom: 200px
}

.dept-caption {
    height: 36px;
    line-height: 36px;
    background-color: #e5f0f9;
    padding-left: 5px
}

.group-caption {
    height: 36px;
    line-height: 36px;
    background-color: #e5f0f9;
    padding-left: 5px
}

.dept-caption>a {
    margin-right: 10px;
    color: #333;
    text-decoration: none
}

.dept-caption>a:hover,.dept-caption>a.active {
    color: #235fba
}

.dept-caption>a.active {
    font-weight: bold
}

.org-tree .mCSB_container_wrapper>.mCSB_container {
    padding-right: 0
}

.org-tree .mCSB_container_wrapper {
    margin-bottom: 0
}

.org-tree .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -5px
}

.org-tree ul {
    list-style: none;
    margin: 0
}

.org-tree li {
    line-height: 30px;
    position: relative
}

.org-tree .treenode {
    padding-right: 55px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.org-tree .treenode .tree-name {
    margin-right: 40px
}

.org-tree .treenode:hover {
    background-color: #f2f2f2;
    padding-right: 72px
}

.org-tree .treenode>a {
    color: #666;
    text-decoration: none
}

.org-tree .treenode .num {
    padding: 0 4px;
    color: #a8a8a8;
    border-radius: 3px;
    position: absolute;
    top: 0;
    right: 0;
    width: 46px;
    text-align: right;
    padding-right: 10px
}

.org-tree .treenode .actions,.dept-grouplist li .actions {
    background-color: #1b934c;
    display: none;
    position: absolute;
    right: 0;
    z-index: 1
}

.modal .org-tree .treenode .actions {
    display: inline-block
}

.dept-grouplist li .actions {
    top: 0;
    bottom: 0
}

.org-tree .treenode:hover .actions,.dept-grouplist li:hover .actions {
    display: inline-block
}

.org-tree .treenode .actions a,.dept-grouplist li .actions a {
    color: #fff;
    border-right: solid 1px #00853b;
    text-decoration: none;
    display: inline-block;
    width: auto;
    padding: 0 8px;
    text-align: center;
    float: left
}

.dept-grouplist li .actions>a {
    background: #1b934c;
    line-height: 56px
}

.dept-grouplist li .actions a.router {
    font-size: 12px
}

.dept-grouplist li .actions a.router>i {
    font-size: 14px
}

.dept-grouplist li>* {
    display: block;
    line-height: 20px
}

.dept-grouplist li>a.router {
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    padding: 0 40px 0 0
}

.dept-grouplist li>.info {
    color: #999;
    font-size: 12px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer
}

#org-tree-list:empty {
    display: none
}

.dept-grouplist li>.sys-public-mark {
    position: absolute;
    right: 10px;
    color: #999;
    font-size: 12px;
    font-style: normal;
    top: 8px
}

.dept-grouplist li>a.router:hover {
    text-decoration: none
}

.org-tree .treenode .actions a:hover,.dept-grouplist li .actions a:hover {
    background: #00853b
}

.org-tree .treenode .actions a i {
    position: relative;
    top: 2px
}

.org-tree .treenode .actions a i.icon-plus-thin {
    font-size: 18px
}

.org-tree .nodeicon {
    display: inline-block;
    width: 12px;
    color: #999;
    line-height: 30px;
    float: left;
    font-size: 16px;
    cursor: pointer;
    margin-left: -12px
}

.org-tree .selected {
    background: #ebf1de
}

.org-tree .nodeicon:hover {
    color: #08c
}

.org-container-right {
    margin-left: 270px
}

.org-tree .nodeicon+input[type="checkbox"] {
    position: relative;
    margin: 0 3px 0 3px;
    top: 3px
}

.department-info>.mCustomScrollBox>.mCSB_container {
    min-height: 100%
}

.department-info .breadcrumb {
    margin: 0;
    padding: 5px 10px;
    background-color: #f0f0f0
}

.department-info textarea {
    width: 95%
}

.department-info .control-label {
    display: inline-block;
    width: 70px;
    text-align: right;
    float: left
}

.department-info .controls {
    margin-left: 70px
}

.group-info {
    background-color: #fafafa
}

.group-info .breadcrumb {
    margin: 0;
    padding: 5px 10px;
    background-color: #f0f0f0
}

.group-info .control-label {
    display: inline-block;
    width: 70px;
    text-align: right;
    float: left
}

.group-info .control-group>div {
    margin-top: 8px
}

.group-info .group-tips {
    color: #999;
    margin-left: 10px
}

.group-info .controls {
    margin-left: 70px
}

.dept-grouplist ul,.dept-grouplist li {
    margin: 0;
    padding: 0;
    list-style: none
}

.dept-grouplist li {
    padding: 10px 10px 10px 50px;
    position: relative
}

.dept-grouplist li:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 48px;
    right: 0;
    height: 1px;
    background: #e5e5e5
}

.dept-grouplist-other li {
    padding: 10px 15px
}

.dept-grouplist-other li:after {
    left: 10px
}

.dept-grouplist li .avatar {
    height: 30px;
    width: 30px;
    position: absolute;
    top: 13px;
    left: 10px
}

.dept-grouplist li .avatar img {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.dept-grouplist li a {
    color: #666;
    text-decoration: none
}

.dept-grouplist li .dept-groupname {
    color: #666
}

.dept-grouplist li:hover {
    background: #f2f2f2
}

.dept-grouplist li.selected {
    background: #ebf1de
}

.add-dept-group {
    padding: 15px;
    overflow: hidden;
    border-bottom: 1px solid #e2e2e2;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.dept-grouplist-search {
    padding: 10px
}

.dept-grouplist-search .input-group {
    width: 100%
}

.dept-grouplist-search .input-group input {
    background: transparent
}

.dept-grouplist-search .input-group a {
    text-decoration: none
}

.dept-grouplist-search .input-group i {
    color: #bbb
}

.dept-grouplist-search .input-group i:hover {
    color: #999
}

.add-dept-group>div {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.add-dept-group>div:last-child {
    margin-left: 2%
}

.dept-grouplist-add {
    line-height: 28px;
    border: 1px dashed #ddd;
    cursor: pointer;
    border-radius: 2px
}

.dept-grouplist-add:hover {
    background: #08c;
    color: #fff;
    border-color: #08c
}

.position-first-add {
    line-height: 28px;
    margin: 0 20px 10px;
    border: 1px dashed #ddd;
    cursor: pointer;
    border-radius: 2px
}

.position-first-add:hover {
    background: #08c;
    color: #fff;
    border-color: #08c
}

.selector-group-ui li .avatar {
    height: 44px;
    padding: 0 5px 0 2px;
    float: left
}

.selector-group-ui li .avatar img {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    vertical-align: -7px
}

.dept-hd {
    height: 45px;
    line-height: 44px;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 20px;
    font-weight: bold;
    position: relative
}

.dept-hd .module-help {
    top: 1px
}

.dept-hd .btn-mr {
    list-style: none;
    margin-right: 55px
}

.user-sortbar {
    padding: 12px 42px 12px 15px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    table-layout: auto
}

.user-sortbar .users-list-checkbox {
    color: #666;
    font-size: 12px;
    font-style: normal
}

.user-sortbar .title {
    font-weight: bold;
    margin: 0 10px;
    color: #666
}

.modal .user-sortbar .title {
    display: none
}

.user-sortbar .user-target-name {
    font-weight: bold;
    line-height: 30px
}

.user-sortbar input.user-target-name {
    width: 305px;
    border-color: transparent;
    box-shadow: none;
    max-width: 350px
}

.user-sortbar input.user-target-name:hover {
    border-color: #ddd
}

.user-sortbar input.user-target-name:focus {
    border-color: #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.user-sortbar .toolkit-list .toolkit-item {
    display: inline-block;
    vertical-align: top;
    float: none;
    white-space: nowrap
}

.user-sortbar #group-user-checkall {
    float: left;
    margin: 3px 10px 0
}

.user-sort-view {
    position: relative
}

.users-list-pinyin {
    font-size: 0;
    line-height: 17px;
    position: absolute;
    right: 5px;
    top: 89px;
    z-index: 100;
    width: 31px;
    white-space: normal;
    font-size: 12px
}

.users-list-pinyin a {
    font-size: 12px;
    display: block;
    padding: 0 3px;
    text-align: center;
    text-decoration: none
}

.users-list-pinyin a+a {
    margin-top: 3px
}

.users-list-pinyin a.highlight {
    cursor: pointer;
    border-radius: 2px;
    color: #999
}

.users-list-pinyin a.highlight:not(.active):hover {
    color: #666
}

.users-list-pinyin a.active {
    background: #76d7ef;
    color: #fff
}

.users-list-checkbox {
    margin: 0 0 0 5px;
    display: inline-block;
    vertical-align: middle
}

.users-list-checkbox i {
    font-style: normal
}

.user-invitation-tip {
    border: solid 1px #ccc;
    background-color: #fff;
    padding: 5px 10px;
    width: 250px;
    line-height: 20px;
    word-break: break-all;
    position: absolute;
    z-index: 5
}

.user-invitation-tip p {
    margin-top: 3px;
    margin-bottom: 3px
}

.users-list li .user-invitation-tip a {
    white-space: normal
}

.users-list .follow-btns {
    position: absolute;
    right: 0;
    visibility: hidden
}

.users-list li:hover .follow-btns {
    visibility: visible
}

.users-list .follow-btns span {
    background-color: #e6e6e6;
    margin-right: 2px;
    cursor: pointer;
    display: inline-block;
    padding: 0 10px
}

.users-list .follow-btns span.hide {
    display: none
}

.users-list .follow-btns .btn-unfollow-cancle {
    float: none;
    margin-left: 4px;
    vertical-align: middle
}

.users-list .follow-btns .users-list .follow-btns span.approved a.btn-unfollow-cancle {
    float: none;
    display: inline
}

.users-list .follow-btns span.approved {
    color: #fff;
    background-color: #51a351
}

.users-list .follow-btns span.approved a {
    color: #fff
}

.users-list .follow-btns span.unapproved {
    color: #fff;
    background-color: #2f96b4
}

.users-list .follow-btns span.none:hover,.users-list .follow-btns span.zeroclipboard-is-hover {
    color: #fff;
    background-color: #2dc3e8
}

.users-list .checkbox {
    position: absolute;
    left: 9px;
    top: 0;
    z-index: 10;
    margin: 0;
    display: none
}

.users-list .list-tit .checkbox {
    display: block
}

.users-list li.selected .checkbox,.users-list li:hover .checkbox {
    display: block
}

.users-list li:not(.list-tit).selected {
    background: #ebf1de
}

.org-user-title {
    display: inline-block;
    padding-right: 5px
}

.org-group-title {
    display: inline-block;
    padding-right: 5px
}

#department-info-read .controls span {
    line-height: 30px
}

.users-container {
    margin: 0 42px 0 15px
}

.users-container .breadcrumb {
    margin: 0;
    padding: 0
}

.users-container .breadcrumb h5 {
    float: left;
    width: 100px;
    line-height: 30px;
    margin: 0;
    padding: 0 5px
}

.users-container .breadcrumb h5 i {
    margin: 0 5px
}

.users-container .breadcrumb .condition {
    margin-left: 100px;
    height: 30px
}

.users-container .breadcrumb .condition label {
    display: inline-block;
    margin: 4px 10px 0 0
}

.users-list li {
    border-bottom: solid 1px #f2f2f2;
    position: relative;
    line-height: 35px;
    height: 35px;
    font-size: 12px
}

.users-list li:hover {
    background-color: #f5f5f5
}

.users-list .list-tit {
    font-weight: bold;
    background: #f8f8f8;
    font-size: 14px;
    border-bottom: 1px solid #e8e8e8
}

.users-list li>.item {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 30px;
    color: #666;
    height: 35px;
    text-overflow: ellipsis
}

.users-list li>.item.dept {
    padding-right: 50px
}

.users-list li>.item+.item {
    padding-left: 15px
}

.users-list li>.item .sort-location {
    width: 7px;
    height: 10px;
    top: 0;
    margin: 0 0 0 5px;
    background: url(require("/static/img/global/sort_both.png")) no-repeat;
    display: inline-block;
    cursor: pointer
}

.users-list li>.item.sorting_asc .sort-location {
    background: url(require("/static/img/global/sort_asc.png")) no-repeat
}

.users-list li>.item.sorting_desc .sort-location {
    background: url(require("/static/img/global/sort_desc.png")) no-repeat
}

.users-list li>.item:hover .sort-location {
    display: inline-block
}

.users-list li input.user-id {
    margin: 11px 10px 0 0;
    float: left
}

.users-list li .avatar {
    text-decoration: none
}

.users-list li .avatar img {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    float: left;
    margin: 6px 10px 0 0
}

.users-list li .email {
    width: 180px
}

.pinyin-container .users-list li .name {
    width: 30%;
    margin-right: 2%
}

.pinyin-container .users-list li .email {
    width: 56%
}

.users-list li>.department {
    width: 190px;
    margin-right: 10px
}

.users-list li a.invitation {
    margin-right: 5px;
    color: red
}

.users-list li>.lastlogin {
    width: 220px;
    color: #999
}

.users-list li>.relation {
    color: #999;
    width: 60px
}

.org_user-tolkithead {
    line-height: 30px
}

.org_user-tolkithead i {
    border: 1px solid #0ebebd;
    color: #0eb2bd;
    display: inline-block;
    font-size: 20px;
    margin: 0 5px 0 0;
    padding: 3px
}

.org_user-tolkithead>span {
    display: block;
    float: left
}

.form-invite {
    padding: 15px 20px;
    border-bottom: 1px solid #e7eaec
}

.form-invite .item {
    display: inline
}

.form-invite .item+.item {
    margin-left: 10px
}

.form-invite .item .form-control {
    border-radius: 3px;
    background: #f0f2f5
}

.selector-employee .modal-dialog {
    width: 950px;
    z-index: 9999
}

.selector-employee.modal .org-title {
    display: none
}

.selector-employee .modal-body {
    max-height: 600px;
    padding: 8px 10px 10px
}

.selector-employee .suggestion {
    margin: 0
}

.selector-employee .selected-container {
    margin-top: 10px;
    font-size: 0;
    min-height: 28px
}

.selected-container .users-label {
    margin-top: 2px;
    font-size: 12px
}

.selector-employee .user-sortbar {
    padding: 6px 33px 6px 15px
}

.selector-employee .dept-grouplist li:after {
    background: #f8f8f8
}

.selector-employee .selected-container .add-group-user {
    display: inline-block;
    vertical-align: top
}

.selector-employee .users-list li:not(.list-tit) {
    cursor: pointer
}

.selector-employee table.table-pinyin {
    float: right;
    margin-left: 10px;
    border-collapse: separate;
    border-spacing: 1px;
    background-color: #fff
}

.selector-employee table.table-pinyin td {
    background-color: #f2f2f2;
    text-align: center;
    line-height: 25px;
    width: 25px
}

.selector-employee table.table-pinyin td.highlight {
    background-color: #08c;
    color: #fff;
    cursor: pointer
}

.selector-employee table.table-pinyin td.all {
    background-color: #333;
    color: #fff;
    cursor: pointer
}

.selector-employee .pinyin-container {
    margin: 10px 0
}

.selector-employee .pinyin {
    float: left;
    width: 25px;
    text-align: center
}

.selector-employee .users-list {
    margin-left: 1px;
    border-left: 1px
}

.user-selector-body {
    margin-top: 5px;
    border: 1px solid #e7e7e7
}

.user-selector-body-l {
    width: 250px;
    border-right: 1px solid #e7e7e7;
    background: #f8f8f8
}

.user-selector-body-r {
    margin-left: 27%
}

.selector-employee .selected-users>a {
    display: inline-block;
    vertical-align: top;
    line-height: 22px;
    margin-right: 5px;
    margin-bottom: 5px;
    color: #333;
    padding: 0 10px;
    background: #eee;
    border-radius: 2px;
    text-decoration: none;
    font-size: 12px
}

.selector-employee .users-list-pinyin {
    top: 77px;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    transform-origin: 0 0
}

.selector-employee .users-list-pinyin a+a {
    margin-top: 0
}

.selector-department .org-tree {
    min-height: 300px
}

@media(max-width: 1440px) {
    .main-bd .users-list-pinyin a {
        padding:0 2px
    }
}

@media(max-width: 1400px) {
    .main-bd .user-sortbar .title {
        display:none
    }

    .main-bd .users-list-pinyin a {
        padding: 0 2px
    }
}

@media(max-width: 1299px) {
    .main-bd .org-left-col {
        width:240px
    }

    .main-bd .users-list-pinyin a {
        padding: 0 2px
    }
}

@media(max-width: 1250px) {
    .main-bd .org-left-col {
        width:240px
    }

    .main-bd .users-list-pinyin a {
        margin-right: 1px
    }

    .main-bd .users-list-pinyin a {
        margin-right: 1px;
        padding: 0 2px
    }
}

@media(max-width: 1200px) {
    .main-bd .org-left-col {
        width:200px
    }

    .org-left-header .tab a {
        padding: 3px 13px 0 13px
    }

    .main-bd .users-list-pinyin a {
        margin-right: 1px;
        padding: 0 2px
    }

    .users-list-checkbox {
        font-size: 12px;
        margin-left: 8px
    }
}

@media(max-width: 1150px) {
    .main-bd .user-sortbar {
        padding-left:10px
    }

    .main-bd .user-sortbar>span.title {
        display: none
    }

    .main-bd .users-list-pinyin a {
        margin-right: 1px;
        padding: 0 1px
    }

    .users-list-checkbox {
        font-size: 12px;
        margin-left: 8px
    }

    .users-list-checkbox i span {
        display: none
    }
}

.groupsetting-left-hd {
    height: 51px
}

.groupsetting-left-hd label {
    color: #8b8b8b;
    line-height: 51px;
    font-weight: bold;
    padding: 0 20px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.groupsetting-right-hd {
    background: #f8f8f8;
    border-bottom: 1px solid #ddd;
    height: 51px;
    line-height: 51px
}

.groupsetting-right-info .mCSB_container {
    padding: 0 0 200px 0
}

.groupsetting-right-hd .brand {
    margin-left: 20px;
    font-weight: bold;
    color: #454545;
    float: left
}

.groupsetting-right-hd .brand .graph {
    width: 32px;
    height: 32px;
    margin: -1px 13px -1px 0;
    border-radius: 0
}

.groupsetting-right-hd .brand .graph-groups {
    background-position: -320px -405px
}

.invitations-container .users-list li>div.username {
    width: 14%
}

.invitations-container .users-list li>div.call {
    width: 16%
}

.invitations-container .users-list li>div.date {
    width: 16%
}

.invitations-container .users-list li>div.dept {
    width: 21%
}

.invitations-container .users-list li>div.optor,.invitations-container .users-list li>div.opter {
    width: 10%
}

.invitations-container .users-list li>div.opt {
    width: 20%
}

.org-grade-list .list-item {
    padding: 5px 50px 5px 50px;
    position: relative
}

.org-grade-list .list-item .sn {
    position: absolute;
    top: 5px;
    left: 10px;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 2px;
    background: #eee;
    font-size: 12px
}

.org-grade-list .list-item.active .sn {
    background-color: #4fc1e9;
    color: #fff
}

.org-grade-list .list-item .options {
    position: absolute;
    top: 5px;
    right: 7px;
    line-height: 30px
}

.org-grade-list .list-item .options {
    font-size: 0
}

.org-grade-list .list-item .options>a {
    display: inline-block;
    padding: 0 4px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    text-decoration: none
}

.org-grade-list .list-item .options>a:hover {
    color: #5d9cec
}

.org-grade-list .list-item input.form-control.form-control-block.cover {
    box-shadow: none;
    border-color: #eee;
    background: #eee;
    cursor: pointer
}

.org-grade-list .list-item input.form-control.form-control-block.cover:hover {
    background: #ddd
}

.resetpassword-modal .remind-tip {
    color: #999;
    margin-bottom: 15px
}

.resetpassword-modal .modal-body {
    padding: 25px
}

.resetpassword-modal .module-help {
    top: 17px;
    right: 40px
}

.resetpassword-modal.form-horizontal .control-label {
    width: 50px;
    color: #999
}

.resetpassword-modal.form-horizontal .controls {
    margin-left: 60px;
    color: #999
}

#org-tree-list:empty {
    display: none
}

.doc-file-path {
    padding: 10px 15px;
    margin-bottom: 15px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #eaeaea
}

.doc-file-path #folder-menu {
    overflow: hidden;
    white-space: nowrap;
    max-width: 200px;
    text-overflow: ellipsis;
    vertical-align: top
}

.documentlist-container>div>.e-list:empty {
    display: none
}

.e-list .doc-icon {
    margin-right: 10px
}

.folder-after>li:after {
    left: 0!important
}

.e-list .doc-icon i,.entity-item.doc-attachment-item i.graph {
    height: 24px;
    width: 24px
}

.entity-item.doc-attachment-item i.graph {
    margin-right: 12px
}

.e-list .doc-icon.company i {
    background-position: 0 -288px
}

.e-list .doc-icon.share i {
    background-position: -24px -288px
}

.e-list .doc-icon.private i {
    background-position: -48px -288px
}

.e-list .doc-icon.attach i {
    background-position: -72px -288px
}

.e-list .doc-icon.common i {
    background-position: -96px -288px
}

.e-list .doctype-office i,.entity-item.doc-attachment-item i.doctype-office {
    background-position: 0 -310px
}

.e-list .doctype-video i,.entity-item.doc-attachment-item i.doctype-video {
    background-position: -24px -310px
}

.e-list .doctype-audio i,.entity-item.doc-attachment-item i.doctype-audio {
    background-position: -48px -310px
}

.e-list .doctype-image i,.entity-item.doc-attachment-item i.doctype-image {
    background-position: -72px -310px
}

.e-list .doctype-other i,.entity-item.doc-attachment-item i.doctype-other {
    background-position: -96px -310px
}

.e-list .doctype-pdf i,.entity-item.doc-attachment-item i.doctype-pdf {
    background-position: -120px -310px
}

.e-list .doctype-html i,.entity-item.doc-attachment-item i.doctype-html {
    background-position: -144px -310px
}

.e-list .doctype-txt i,.entity-item.doc-attachment-item i.doctype-txt {
    background-position: -168px -310px
}

.e-list input.rename {
    background: #fff!important;
    width: 60%
}

.e-list .folder-li .checkbox {
    display: inline-block!important
}

.e-list .folder-li .sn {
    display: none!important
}

.e-list .folder-li .owner {
    display: inline-block;
    text-align: center;
    width: 24px;
    margin: 0 10px
}

.e-list .folder-li .owner i {
    font-size: 12px;
    color: #ababab;
    border: 1px solid #ccc;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    display: inline-block;
    text-align: center;
    line-height: 18px
}

.entity-container.doc-attachment-container {
    display: block;
    margin: 0 0 8px
}

.entity-item.doc-attachment-item {
    display: block;
    background: #f8f8f8;
    border: 1px solid #eaeaea;
    padding-left: 12px;
    padding-right: 20px;
    border-radius: 3px;
    line-height: 28px
}

.entity-item.doc-attachment-item+.entity-item {
    margin-top: 8px
}

.entity-item.doc-attachment-item .title {
    color: #5a86bb;
    max-width: 280px
}

.entity-item.doc-attachment-item .title .size {
    color: #666;
    font-style: normal;
    margin-left: 3px
}

.entity-item.doc-attachment-item .docattach-btn {
    float: right;
    color: #999;
    margin: 0 8px;
    font-size: 12px;
    display: none;
    max-width: 100px
}

.entity-item.doc-attachment-item:hover .docattach-btn {
    display: block
}

.entity-item.doc-attachment-item .docattach-btn.hide {
    display: none
}

.entity-item.doc-attachment-item .docattach-btn:hover {
    color: #fb6e52
}

.entity-item.doc-attachment-item .docattach-btn i {
    margin-right: 5px
}

.doc-folder-path {
    border-radius: 0;
    background: #f2f8fd;
    border: 1px solid #cfd9df;
    margin-bottom: 10px;
    font-size: 14px
}

.doc-folder-path li {
    cursor: pointer;
    color: #08c
}

.doc-folder-path li:last-child a {
    cursor: default;
    color: #666
}

.modal-foldertree .modal-dialog {
    margin-top: 150px
}

.modal-foldertree .modal-footer .icon-folder-add {
    top: 2px;
    font-size: 14px;
    margin-right: 5px
}

.modal-foldertree .folder-tree {
    overflow-y: auto
}

.folder-tree {
    border: 1px solid #ccc;
    height: 300px
}

.folder-tree .treeview>li {
    position: relative;
    cursor: pointer
}

.folder-tree .treeview .treeview-node {
    border-width: 1px 0;
    border-style: solid;
    border-color: #fff;
    padding-top: 5px;
    padding-bottom: 5px
}

.folder-tree .treeview .treeview-node:hover {
    background: #f4f9fd;
    border-color: #e5f0fb
}

.folder-tree .treeview .treeview-node.selected {
    background-color: #ebf1de
}

.folder-tree .treeview .treeview-node.active {
    background: #e5f0fb;
    border-color: #bbd4ef
}

.folder-tree .treeview .graph-status {
    height: 16px;
    width: 16px;
    margin-right: 5px;
    margin-left: 5px;
    background-position: right -84px;
    cursor: pointer
}

.folder-tree .treeview .graph-folder {
    width: 22px;
    height: 18px;
    margin-right: 5px;
    background-position: right -66px
}

.folder-tree .treeview .treeview-node-empty>.graph-status {
    background: 0
}

.folder-tree .treeview .treeview-node-on>.graph-status {
    background-position: right -100px!important
}

.folder-tree .treeview .treeview-node-on>.graph-folder {
    background-position: right -48px!important
}

.folder-tree .treeview .tree-txt {
    width: 80%;
    display: inline-block;
    vertical-align: middle
}

.draggable-moveover {
    border: 2px dashed #0caf0c!important;
    overflow: hidden
}

.doc-detail-header {
    height: 50px;
    padding: 10px 18px;
    position: relative;
    z-index: 1502;
    margin: 0 0 20px 0
}

.doc-detail-view .document-header {
    position: relative;
    z-index: 1501
}

.doc-detail-header .detail-summary {
    padding: 0;
    margin: 0 115px 0 0
}

.doc-detail-header .detail-actions {
    position: absolute;
    top: 0;
    right: 1px
}

.doc-detail-view .detail-infos .info-path {
    cursor: pointer
}

.doc-detail-view .detail-infos .info-path dt:hover {
    color: #5d9cec
}

.doc-detail-view .detail-infos .info-path dd {
    margin-left: 85px
}

.doc-detail-view .detail-infos .info-path .graph {
    height: 24px;
    width: 24px;
    background-position: -48px -287px;
    vertical-align: middle
}

.edui-editor.edui-default {
    border: 0!important
}

.detail-content .edui-editor-breadcrumb {
    display: none
}

.edui-editor-iframeholder iframe {
    background: #f7f7f7
}

.edui-default .edui-editor-toolbarboxinner {
    padding: 27px 0 7px 0!important
}

.doc-editor-wrap .edui-default .edui-editor-toolbarbox {
    border-bottom: none!important
}

.edui-default .edui-editor-toolbarboxinner .btn {
    padding: 3px 6px
}

.edui-default .edui-editor-iframeholder {
    padding: 18px!important
}

.doc-detial-view .detail-infos {
    position: relative;
    z-index: 1039
}

.edui-toolbar-action {
    float: right;
    margin-right: 10px
}

.doc-editor-wrap {
    margin: 0 18px 0;
    min-height: 36px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: #fff
}

.doc-editor-toolbar {
    width: 942px;
    height: 44px;
    line-height: 43px;
    cursor: pointer;
    border: 0
}

.doc-editor-toolbar .btn {
    padding: 3px 6px
}

.doc-editor-toolbar .edui-toolbar-action {
    margin: 0 10px 0 0
}

.doc-editor-toolbar .tit {
    cursor: pointer;
    color: #666;
    text-decoration: none;
    margin-left: 16px
}

.doc-editor-frame {
    border-top: 0;
    overflow: hidden;
    background: white;
    padding: 0 10px
}

.docshare-dialog .modal-header {
    padding: 0 15px
}

.docshare-dialog .modal-header .close {
    padding: 15px 0
}

.docshare-dialog .head-nav {
    display: block;
    overflow: hidden
}

.docshare-dialog .head-nav li {
    margin-right: 30px;
    padding: 15px 0 0 0
}

.docshare-dialog .head-nav li {
    float: left
}

.docshare-dialog .head-nav a {
    color: #999;
    display: block;
    font-size: 15px;
    line-height: 36px;
    text-decoration: none;
    -webkit-transition: background-color .2s linear,color .2s linear;
    -o-transition: background-color .2s linear,color .2s linear;
    transition: background-color .2s linear,color .2s linear
}

.docshare-dialog .head-nav a:hover,.docshare-dialog .head-nav li.active a {
    border-bottom: 2px solid #fb6e52
}

.docshare-dialog .document-setting-tab1 .modal-body {
    min-height: 100px;
    position: static
}

.docshare-dialog .document-setting-tab2 .modal-body {
    min-height: 100px;
    position: static
}

.docshare-dialog .document-setting-tab6 .modal-body {
    position: static;
    min-height: 100px
}

.docshare-dialog .document-setting-tab2 .control-group:last-child,.docshare-dialog .document-setting-tab2 .control-group:only-child {
    border-bottom: 0
}

.documentversion-modal-dialog .modal-body .detail-header .detail-header-versioninfo {
    margin: 14px 10px 0 5px;
    float: left
}

.doc-modal .modal-dialog {
    width: 1000px
}

.doc-modal .doc-tool {
    overflow: hidden
}

.doc-tool .toolkit-item .describe {
    width: 150px
}

.doc-tool .toolkit-list>li {
    margin: 0 15px 10px 0
}

.doc-tool .toolkit-item-nobr {
    margin: 0 5px 0 0!important
}

.document-info .document-version-summary {
    overflow: hidden;
    background: #fff
}

.document-info .toolbar {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #fff;
    overflow: hidden
}

.document-info .toolbar a {
    text-decoration: none
}

.document-version-summary .bodyheight {
    font-size: 12px
}

.documentversion-modal-compare {
    z-index: 2001
}

.documentversion-modal-compare>* {
    float: left;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media(max-width: 1024px) {
    .documentversion-modal-compare>* {
        width:500px
    }

    .documentversion-modal-compare {
        width: 1000px!important
    }
}

@media(min-width: 1024px) {
    .documentversion-modal-compare>* {
        width:500px
    }

    .documentversion-modal-compare {
        width: 1000px!important
    }
}

@media(min-width: 1366px) {
    .documentversion-modal-compare>* {
        width:600px
    }

    .documentversion-modal-compare {
        width: 1200px!important
    }
}

@media(min-width: 1440px) {
    .documentversion-modal-compare>* {
        width:700px
    }

    .documentversion-modal-compare {
        width: 1400px!important
    }
}

@media(min-width: 1600px) {
    .documentversion-modal-compare>* {
        width:800px
    }

    .documentversion-modal-compare {
        width: 1600px!important
    }
}

.sham-tab-version .lp>span {
    float: left
}

.document-container .mCSB_container {
    padding-bottom: 0!important
}

.sham-tab-version li .lp {
    position: relative
}

.sham-tab-version .title+div {
    height: 420px
}

.sham-tab-version li .lp:before {
    position: absolute;
    content: "";
    top: 0;
    left: 37px;
    bottom: 0;
    width: 1px;
    background: #ddd
}

.sham-tab-doc li .lp .ck {
    float: left;
    margin: 11px 0 0 2px
}

.sham-tab-doc li .lp {
    position: relative
}

.sham-tab-doc li .lp:before {
    position: absolute;
    content: "";
    top: 0;
    left: 37px;
    bottom: 0;
    width: 1px;
    background: #ddd
}

.sham-tab-doc li .lp .ck input {
    position: absolute
}

.sham-tab-doc li .opt a {
    margin-right: 8px
}

.sham-tab-doc li .opt i {
    color: #616264
}

.sham-tab-doc li .opt .opt-loading {
    margin-top: 12px;
    height: 15px;
    width: 15px
}

.sham-tab-doc li .opt {
    text-overflow: clip!important
}

#documentversion-modal.modal .modal-content {
    background: #eee
}

.entitybox.modal .modal-content .modal-header {
    border-color: #ccc
}

.entitybox.modal .modal-dialog,.mainlinebox.modal .modal-dialog {
    width: 800px
}

.entitybox.modal.normal .modal-body {
    min-height: 500px;
    max-height: 630px;
    padding: 0;
    overflow-y: hidden
}

.doc-share-pop {
    width: 600px;
    padding: 20px;
    z-index: 1005
}

.doc-share-pop .url-colum {
    float: left;
    width: 50%;
    padding: 10px 0;
    text-align: center;
    border-right: 1px dashed #d5d5d5
}

.doc-share-pop .url-colum:last-child {
    border-right-color: #fff
}

.doc-share-pop .url-colum .tip {
    display: block;
    color: #999;
    font-size: 12px;
    margin-top: 10px
}

.doc-share-pop .copy-tip {
    border-bottom: 1px dashed #d5d5d5;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 30px;
    margin-top: -10px;
    padding-bottom: 5px;
    font-weight: bold;
    color: #666
}

.doc-share-pop .copy-tip .btn {
    float: right;
    margin-top: 2px
}

.doc-share-pop .copy-colum+.copy-colum {
    margin-top: 10px
}

.doc-share-pop .copy-colum label {
    margin: 0;
    font-weight: normal;
    width: 66px;
    float: left;
    line-height: 30px;
    font-size: 12px;
    color: #999
}

.doc-share-pop .copy-colum .controls {
    margin-left: 66px
}

.doc-share-pop .copy-colum.copy-pwd input {
    background: #none;
    line-height: 30px;
    color: #666;
    width: 60px
}

.doc-share-pop .colum-alpha {
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
}

.doc-share-pop .open {
    background: #23b7e5;
    border-color: #23b7e5
}

.doc-share-pop .btn-success {
    color: #fff;
    background-color: #23b7e5;
    border-color: #23b7e5
}

.doc-share-pop .mod-dropdownlist {
    display: inline-block;
    margin-left: -10px;
    margin-top: -10px
}

.doc-share-pop .mod-dropdownlist .dropdown-select {
    background: transparent url(/static/images/dropdown/bg_dropdown.png) left top repeat-x;
    color: #666;
    cursor: default;
    display: inline-block;
    *display: inline;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    *zoom:1;-webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px
}

.doc-share-pop .mod-dropdownlist .dropdown-select:visited,.doc-share-pop .mod-dropdownlist .dropdown-select:hover,.doc-share-pop .mod-dropdownlist .dropdown-select:active {
    color: #666;
    background: transparent
}

.doc-share-pop .mod-dropdownlist .dropdown-select .dropdown-input {
    padding: 0 10px;
    zoom:1;overflow: hidden;
    font-size: 14px;
    line-height: 30px;
    float: left;
    height: 30px;
    color: #23b7e5
}

.doc-share-pop .mod-dropdownlist .dropdown-select .dropdown-icon {
    background: transparent url(/static/images/dropdown/icon_dropdown.gif) center center no-repeat;
    border-left: 1px solid #fff;
    width: 30px;
    padding: 0;
    zoom:1;font-size: 14px;
    line-height: 30px;
    float: left;
    height: 30px
}

.doc-share-pop .mod-dropdownlist .dropdown-select:hover .dropdown-icon {
    background: transparent url(/static/images/dropdown/icon_dropdown_hover.gif) center center no-repeat
}

.doc-share-pop .mod-dropdownlist .dropdown-list {
    background: #fff;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    display: block;
    overflow: hidden;
    padding: 0
}

.doc-share-pop .mod-dropdownlist .dropdown-options {
    background: #fff;
    display: block;
    overflow: hidden;
    overflow-y: auto;
    padding: 0;
    margin: 0
}

.doc-share-pop .mod-dropdownlist .dropdown-options li {
    margin: 0;
    padding: 0
}

.doc-share-pop .mod-dropdownlist .dropdown-options li a {
    color: #666;
    cursor: default;
    display: block;
    padding: 0 10px;
    white-space: nowrap;
    width: 120%;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.doc-share-pop .mod-dropdownlist .dropdown-options li a:hover {
    background-color: #eee;
    color: #666
}

.doc-share-pop .mod-dropdownlist .dropdown-options li.dropdown-options-focus a,.doc-share-pop .mod-dropdownlist .dropdown-options li.dropdown-options-focus a:hover {
    background-color: #23b7e5;
    color: #fff
}

.doc-share-pop .mod-dropdownlist .dropdown-list .dropdown-custombox {
    border-top: 1px solid #ccc
}

.crm-seniorsch-view {
    display: none;
    margin: 20px 0 0;
    border: 1px solid #eaeaea;
    background: #fff;
    padding: 20px 20px 0;
    border-radius: 3px;
    position: relative
}

.crm-seniorsch-view .view-up-btn {
    text-align: center;
    cursor: pointer;
    margin-top: 5px;
    line-height: 24px;
    border-top: 1px solid #e6e6e6;
    background: #fafafa;
    margin: 0 -20px;
    font-size: 12px;
    color: #999
}

.crm-seniorsch-view .view-up-btn:hover {
    background: #fff;
    color: #666
}

.crm-filter-rows .control-group {
    margin-bottom: 10px
}

.crm-filter-rows .control-group .control-label {
    width: 140px;
    padding-top: 0;
    line-height: 30px;
    text-align: right
}

.crm-filter-rows .control-group .control-label select {
    width: 120px;
    float: left
}

.crm-filter-rows .control-group .controls {
    margin-left: 140px
}

.crm-filter-rows .control-group .controls>* {
    margin-right: 10px
}

.crm-filter-rows .control-group a.destroy {
    display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 1px solid #ccc;
    color: #666;
    text-align: center;
    text-decoration: none
}

.crm-filter-rows .control-group a.destroy:hover {
    color: #2dc3e8;
    border-color: #2dc3e8
}

.crm-filter-rows .control-group a.destroy a+a {
    margin-left: 5px
}

.crm-filter-rows .control-group a.destroy i {
    line-height: 26px
}

.crm-stats-view .crm-filter-rows {
    padding: 20px;
    border: 1px solid #eaeaea;
    background: #fff;
    margin: 20px 0
}

.doc-top-backcolor {
    background-color: #f5f0f0
}

.doc-upload {
    padding: 4px 10px;
    height: 30px;
    line-height: 20px;
    position: relative;
    cursor: pointer;
    color: #888;
    background: #fafafa;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom:1}

.doc-upload input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer
}

.doc-upload:hover {
    color: #444;
    background: #eee;
    border-color: #ccc;
    text-decoration: none
}

.cusE-steps {
    border-bottom: 1px solid #ccc;
    color: #666;
    font-size: 20px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    width: 900px
}

.cusE-steps ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.cusE-steps .step.active {
    opacity: 1
}

.cusE-steps .step {
    width: 25%;
    float: left;
    line-height: 40px;
    opacity: .5
}

.cusE-steps .step span {
    background-color: #ddd;
    color: #fff;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    margin-right: 8px;
    text-align: center
}

.cusE-steps .step.active span {
    background-color: #08c
}

.cusE-introduction {
    line-height: 25px;
    padding-left: 20px
}

.cusE-success {
    font-size: 20px;
    line-height: 38px;
    color: #666;
    padding: 40px 0;
    width: 870px
}

.text-center {
    text-align: center
}

.cusE-success>p.icon {
    font-size: 50px;
    color: #27ba2e
}

.cusE-success .errorDetail {
    width: 75%;
    margin: 25px auto 0
}

.cusE-success .errorDetail ul {
    padding: 10px;
    background: #ffeded;
    list-style: none;
    font-size: 14px
}

.cusE-success .errorDetail span.error-line {
    width: 70px;
    font-weight: bold
}

.cusE-success .errorDetail span {
    display: block
}

.pull-left {
    float: left!important
}

.cusE-success .errorDetail span.error-content {
    margin-left: 70px;
    text-align: left
}

.cusE-success .errorDetail span {
    display: block
}

#mainContainer #search-result .fullsearch_name {
    text-decoration: underline
}

#mainContainer #search-result .content {
    margin-left: 50px;
    margin-right: 30px;
    padding-bottom: 10px;
    line-height: 22px;
    font-size: 12px
}

.doctipmessage {
    margin-left: 3%;
    margin-top: 2%
}

.deletedoc-detail-info {
    width: 98%;
    margin-left: 1%;
    margin-top: 1%
}

#docform .js_forms .doc-list-title {
    height: 74px
}

#docform .js_forms .caption {
    position: absolute;
    margin-left: 0;
    color: #8b888b;
    font-size: 12px;
    line-height: 26px
}

.doc-detail-view .detail-infos .info-folder-item dd {
    font-size: 12px
}

.doc-detail-view .detail-infos .info-folder-item dd .path-name {
    display: inline-block;
    vertical-align: middle;
    max-width: 336px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 10px
}

.entity-item .name-attachment-edit {
    color: gray;
    padding: 0 10px
}

.entity-item .name-attachment-edit:hover {
    color: #333;
    cursor: pointer
}

.entity-item .name-attachment-edit i {
    position: relative;
    top: 1.5px
}

.modal-title .document-setting-xbtn i {
    cursor: pointer;
    font-style: normal
}

.mainlinefolder .folder-graph {
    background-image: url(/static/images/folder/folder_icons.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-size: 533px 1800px
}

.mainlinefolder .bk_folder .folder-icon {
    width: 60px;
    margin: auto;
    height: 64px;
    background-position: -468px -981.3px
}

.mainlinefolder .bk_doc .doctype-txt {
    width: 60px;
    margin: auto;
    height: 64px;
    background-position: 5.3px -979.3px
}

.mainlinefolder .bk_doc .doctype-pdf {
    width: 60px;
    margin: auto;
    height: 64px;
    background-position: -55.3px -979.3px
}

.mainlinefolder .bk_doc .doctype-audio {
    width: 60px;
    margin: auto;
    height: 64px;
    background-position: -112.6px -979.3px
}

.mainlinefolder .bk_doc .doctype-office {
    width: 60px;
    margin: auto;
    height: 64px;
    background-position: -172.6px -979.3px
}

.mainlinefolder .bk_doc .doctype-html {
    width: 60px;
    margin: auto;
    height: 64px;
    background-position: -230px -979.3px
}

.mainlinefolder .bk_doc .doctype-video {
    width: 60px;
    margin: auto;
    height: 64px;
    background-position: -289.3px -979.3px
}

.mainlinefolder .bk_doc .doctype-image {
    width: 60px;
    margin: auto;
    height: 64px;
    background-position: -348.6px -979.3px
}

.mainlinefolder .bk_doc .doctype-other {
    width: 60px;
    margin: auto;
    height: 64px;
    background-position: -406.6px -979.3px
}

.mainlinefolder .bk_folder {
    margin-top: 25px;
    width: 145px;
    float: left;
    height: 120px;
    background-color: #fff;
    position: relative;
    cursor: pointer;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    margin: 0 0 15px 20px;
    padding: 15px 15px 0;
    border-color: #eaeaea;
    -webkit-transition: box-shadow .15s linear,background .15s linear,transform .15s linear,border .15s linear;
    -ms-transition: box-shadow .15s linear,background .15s linear,transform .15s linear,border .15s linear;
    transition: box-shadow .15s linear,background .15s linear,transform .15s linear,border .15s linear;
    overflow: hidden
}

.mainlinefolder .img_folder {
    width: 120px;
    height: 95px;
    display: block;
    margin: 0 auto
}

.mainlinefolder .operation_toolbar {
    width: 100%;
    height: 32px;
    background: rgba(170,172,172,0.5);
    position: absolute;
    left: 0;
    opacity: .5;
    top: -40px;
    display: flex;
    justify-content: space-around;
    padding: 0 20px;
    align-items: center;
    -webkit-transition: all .5s
}

.mainlinefolder .operation_toolbar:hover {
    top: 0;
    -webkit-transition: all .5s
}

.mainlinefolder .operation_edit {
    background: #0b2f83;
    float: left;
    list-style: none;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
    cursor: pointer;
    color: #fff
}

.mainlinefolder .operation_delete {
    background: #c13232;
    float: left;
    list-style: none;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
    cursor: pointer;
    color: #fff
}

.mainlinefolder .operation_share {
    background: #c13232;
    float: left;
    list-style: none;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
    cursor: pointer;
    color: #fff
}

.mainlinefolder .operation_move {
    background: #c13232;
    float: left;
    list-style: none;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
    cursor: pointer;
    color: #fff
}

.mainlinefolder .bk_doc {
    margin-left: 50px;
    background-repeat: no-repeat;
    background-size: 100px 80px;
    margin-top: 25px;
    width: 145px;
    float: left;
    height: 120px;
    background-color: #fff;
    position: relative;
    cursor: pointer;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    margin: 0 0 15px 20px;
    padding: 15px 15px 0;
    border-color: #eaeaea;
    -webkit-transition: box-shadow .15s linear,background .15s linear,transform .15s linear,border .15s linear;
    -ms-transition: box-shadow .15s linear,background .15s linear,transform .15s linear,border .15s linear;
    transition: box-shadow .15s linear,background .15s linear,transform .15s linear,border .15s linear;
    overflow: hidden
}

.mainlinefolder .bk_doc .folder-modif {
    margin-top: -10px;
    position: absolute
}

.mainlinefolder .bk_doc .folder-delete {
    margin-top: -10px;
    position: absolute;
    margin-left: 50px
}

.mainlinefolder .bk_folder_name input {
    width: 112px
}

.mainlinefolder .bk_folder_name,.mainlinefolder .add_folder_name,.mainlinefolder .add_doc_name {
    color: #999;
    font-size: 12px;
    text-align: center;
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mainlinefolder .doc-file-path {
    width: 90%;
    margin-top: 10px;
    margin-left: 50px
}

.mainlinefolder .mf-dropdown {
    color: #fff;
    background-color: #5cb85c;
    border-color: #50ad50
}

.ul-context-menu {
    list-style: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    padding: 5px 0;
    min-width: 80px;
    margin: 0;
    display: none;
    font-family: "微软雅黑";
    font-size: 14px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    box-sizing: border-box;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    -o-box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1)
}

.ul-context-menu .ui-context-menu-item {
    margin: 0;
    padding: 0
}

.ul-context-menu .ui-context-menu-item a {
    display: block;
    padding: 0 10px;
    color: #333;
    white-space: nowrap;
    text-decoration: none
}

.ul-context-menu .ui-context-menu-item a:hover {
    text-decoration: none;
    background-color: #2dc3e8
}

.ul-context-menu .ui-context-menu-item .icon {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    vertical-align: sub;
    border: 0
}

.docpaved-more-document {
    cursor: pointer;
    margin-left: 20px;
    border-color: #eaeaea;
    background-size: 90px 80px;
    width: 145px;
    height: 120px;
    background: transparent url(/static/images/folder/doc-more.png) 49px 22px;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid
}

.docpaved-more-document>span {
    margin-top: 78px;
    position: absolute;
    margin-left: 51px;
    color: #999;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mainlinefolder .bk_doc_color .checkbox {
    height: 14px;
    width: 14px;
    margin: -10px 0 -10px -10px;
    text-align: center
}

.mainlinefolder .bk_folder .checkbox {
    height: 14px;
    width: 14px;
    margin: -10px 0 -10px -10px;
    text-align: center
}

.mainlinefolder .document-list .selected {
    background-color: #efefef
}

.mainlinefolder .document-list .temp-selected {
    background-color: #efefef
}

.select-box-dashed {
    position: absolute;
    display: none;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    border: 1px dashed #09f;
    background-color: #c3d5ed;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 0;
    z-index: 99999;
    pointer-events: none
}

.doc-drop-helper {
    background-position: 20px;
    background-color: white;
    width: 145px;
    height: 120px;
    background-image: url(/static/images/folder/docs_drag.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-size: 100px 100px
}

.doc-drop-helper>span {
    font-size: 20px;
    position: relative;
    font-weight: bold;
    top: 89px;
    left: 125px
}

.doc-paved-loading_middle2x {
    text-align: center;
    background: url(/static/img/global/loading_middle@2x.gif) 49px 22px no-repeat;
    background-size: 50px 50px;
    width: 145px;
    float: left;
    height: 120px;
    position: relative;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    margin: 0 0 15px 20px;
    padding: 76px 15px 0 35px;
    border-color: #eaeaea
}

.tag-side-col .tag-title {
    padding: 0 12px;
    height: 49px;
    border-bottom: 1px solid rgba(0,0,0,.07);
    background: rgba(0,0,0,.05)
}

.tag-side-col .tag-title .graph-tag {
    background-position: -128px -437px;
    height: 32px;
    width: 32px;
    float: left;
    margin: 8px 10px 0 0
}

.tag-side-col .tag-title h5 {
    margin: 0;
    color: #96999e;
    line-height: 48px
}

.tag-side-col .tag-title .action {
    float: right;
    margin-top: 15px
}

.tag-side-col .tag-title .action .action-item {
    margin: 2px 6px;
    cursor: pointer;
    float: left
}

.tag-side-col .tag-title .action .action-item:hover {
    text-decoration: none;
    color: #108ee9
}

.tag-side-col .tag-cate {
    overflow: hidden;
    padding: 0 10px;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.tag-side-col .tag-cate li {
    width: 33.33%;
    padding: 0 7px;
    float: left
}

.tag-side-col .tag-cate a {
    height: 44px;
    line-height: 38px;
    padding-top: 3px;
    text-align: center;
    display: block;
    border-bottom: 3px solid transparent;
    text-decoration: none;
    font-size: 12px;
    color: #8a8a8a
}

.tag-side-col .tag-cate li.active a {
    border-color: #53b6eb;
    color: #108ee9
}

.tag-side-col .tag-cate a:hover {
    color: #108ee9
}

.tag-side-col .tag-list li {
    padding: 0 10px 0 15px;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    margin: 2px 0;
    position: relative
}

.tag-side-col .tag-list li>a {
    color: #8a8a8a;
    text-decoration: none;
    display: block
}

.tag-side-col .tag-list li.active a,.tag-side-col .tag-list li:hover a {
    color: #108ee9
}

.tag-side-col .tag-list li>.tag-item span {
    display: block
}

.tag-side-col .tag-list li:hover>.tag-item .tag-text {
    max-width: 120px
}

.tag-side-col .tag-list li .tag-option {
    position: absolute;
    right: 8px;
    top: 0;
    display: none
}

.tag-side-col .tag-list li:hover .tag-option {
    display: block
}

.tag-side-col .tag-list li .tag-option a {
    float: left;
    padding: 0 5px;
    text-decoration: none;
    color: #8a8a8a
}

.tag-side-col .tag-list li .tag-option a:hover {
    color: #108ee9
}

.tag-side-col .tag-list-wrap .list-more a {
    display: block;
    padding: 3px 0;
    color: #8a8a8a;
    font-size: 12px;
    text-align: center;
    text-decoration: none
}

.tag-side-col .tag-list-wrap .list-more a:hover {
    color: #108ee9;
    background: rgba(0,0,0,0.05)
}

.tag-side-col .tag-inputview {
    padding: 15px 10px 5px;
    position: relative
}

.tag-side-col .tag-inputview input[type="text"] {
    height: 30px;
    padding: 5px 30px 5px 15px;
    line-height: 20px;
    background: rgba(0,0,0,0.1);
    border-radius: 4px;
    border: 0;
    width: 100%;
    color: inherit;
    text-align: center
}

.tag-side-col .tag-inputview .ico {
    height: 30px;
    width: 30px;
    text-align: center;
    position: absolute;
    top: 14px;
    right: 10px;
    line-height: 30px;
    cursor: pointer
}

.tag-side-col .tag-inputview .ico:hover {
    color: #108ee9
}

.tag-main-col .tag-header {
    height: 70px;
    padding: 8px 22px 0;
    background: #fff;
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.1);
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,.1);
    box-shadow: 0 3px 3px rgba(0,0,0,.1)
}

.batch-open .tag-main-col .tag-header {
    display: none!important
}

.batch-open .tag-main-col .main-bd {
    margin: 52px 0 0
}

.tag-header .tag-head-tit {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    color: #666
}

.tag-header .tag-head-tit strong {
    margin: 0 5px
}

.tag-header .tag-head-nav li {
    float: left;
    margin-right: 5px;
    line-height: 32px
}

.tag-header .tag-head-nav li a {
    display: block;
    text-decoration: none;
    color: #999;
    padding: 3px 3px 0;
    height: 32px;
    text-align: center;
    line-height: 24px;
    border-bottom: 3px solid transparent
}

.tag-header .tag-head-nav li,.tag-header .tag-head-nav li a {
    -webkit-transition: all .15s ease;
    -ms-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease
}

.tag-header .tag-head-nav li a>span {
    display: inline-block;
    vertical-align: middle
}

.tag-header .tag-head-nav li a .txt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.tag-header .tag-head-nav li a i {
    font-style: normal
}

@media(min-width: 1280px) {
    .tag-header .tag-head-nav li a {
        padding:3px 12px 0
    }
}

.tag-header .tag-head-nav li.active a,.tag-header .tag-head-nav li a:hover {
    color: #2dc3e8;
    font-weight: bold
}

.tag-header .tag-head-nav li.active a {
    border-color: #2dc3e8
}

.tag-header .toolkit-list {
    margin: 24px -15px 0 0
}

.tag-header .tag-head-nav li.sn {
    color: #999
}

.relevance-tag-con .filter-group {
    padding: 15px;
    margin: 15px 0;
    border: 1px solid #ddd
}

.relevance-tag-con .filter-group .filter-item {
    display: inline-block;
    margin: 2px;
    height: 26px;
    padding: 1px 0;
    width: 18%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.relevance-tag-con .filter-group .filter-item a {
    color: #666;
    padding: 5px 10px
}

.relevance-tag-con .filter-group .filter-item a:hover {
    text-decoration: none
}

.relevance-tag-con .filter-group .filter-item a.checked {
    background-color: #ededed
}

.comment-wrapper .comment-post {
    padding: 15px 15px 0 64px;
    position: relative
}

.comment-wrapper .comment-post .avatar,.comment-wrapper .comment-item .avatar {
    height: 38px;
    width: 38px;
    position: absolute;
    margin: -2px 0 0 -51px;
    cursor: pointer
}

.comment-wrapper .comment-post .avatar img,.comment-wrapper .comment-item .avatar img {
    height: 38px;
    width: 38px;
    border-radius: 50%
}

.comment-wrapper .comment-input textarea {
    resize: vertical;
    width: 100%;
    min-height: 40px
}

.comment-wrapper .comment-item {
    padding: 18px 10px 10px 64px;
    position: relative
}

.comment-wrapper .comment-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 15px;
    height: 1px;
    border-top: 1px dashed #dedede
}

.comment-wrapper .comment-item:hover {
    background-color: #f7fdff
}

.comment-wrapper .comment-item:hover .field {
    background-color: #f7fdff
}

.comment-wrapper .comment-item .hd {
    margin-bottom: 2px
}

.comment-wrapper .comment-item .content {
    word-wrap: break-word;
    word-break: break-all;
    line-height: 24px
}

.comment-wrapper .comment-item .content .sign-image {
    display: block;
    max-width: 200px
}

.comment-wrapper .comment-item .ft {
    margin-top: 2px;
    font-size: 13px
}

.comment-wrapper .comment-item .time {
    color: #bbb
}

.comment-wrapper .comment-item .actions {
    display: none;
    float: right
}

.comment-wrapper .comment-item:hover .actions {
    display: block
}

.comment-wrapper .comment-item .actions a {
    margin-left: 12px;
    color: #8899a6;
    text-decoration: none
}

.comment-wrapper .comment-item .actions a:hover {
    color: #08c
}

.comment-wrapper .comment-item .actions a i {
    margin-right: 5px
}

.comment-wrapper .comment-item .comment-cal,.comment-commented-cal,.transmited-cal {
    margin-right: 5px;
    color: #bbb
}

.comment-wrapper .comment-item .step-record {
    font-size: 12px;
    color: #999
}

.comment-wrapper .comment-relevance {
    padding: 10px 0 0 0
}

.comment-wrapper .relevance-group {
    margin: 0 0 10px 0
}

.comment-wrapper .comment-relevance:empty {
    display: none
}

.comment-wrapper .comment-attachment-view {
    margin-top: 10px
}

.comment-wrapper .comment-attachment {
    margin-left: 10px;
    margin-top: -6px
}

.comment-wrapper .comment-coord {
    color: #999;
    vertical-align: middle
}

.comment-wrapper .comment-address {
    color: #999;
    font-size: 12px;
    vertical-align: text-top
}

.comment-wrapper .comment-attachment .entity-item {
    margin-top: 0;
    margin-bottom: 5px
}

.comment-wrapper .comment-attachment .entity-item.image {
    display: inline-block;
    background: 0;
    border: 0;
    padding-left: 0;
    border-radius: 0;
    margin-top: 0;
    line-height: 28px;
    padding-right: 10px;
    padding-bottom: 0;
    margin-bottom: 0;
    position: relative
}

.comment-wrapper .comment-attachment .entity-item.image .close {
    position: absolute;
    top: 6px;
    right: 30px;
    z-index: 10
}

.comment-wrapper .comment-attachment .entity-item.image:hover .close {
    color: #fb6e52
}

.comment-attachment .entity-item.attachment a.imagePreview {
    position: relative;
    width: 150px;
    height: 150px;
    overflow: hidden;
    border: 1px solid #e5e5e5
}

.comment-attachment .entity-item.attachment a.imagePreview:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: .6;
    display: none;
    z-index: 10
}

.comment-attachment .entity-item.attachment .imagePreview img {
    min-width: 150px;
    height: auto;
    max-width: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    max-height: inherit
}

.comment-attachment .entity-item.attachment .imagePreview i {
    display: none;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    color: #fff;
    z-index: 11;
    font-size: 20px;
    font-weight: bold
}

.comment-attachment .entity-item.attachment:hover a.imagePreview:before {
    display: inline-block
}

.comment-attachment .entity-item.attachment:hover .imagePreview i {
    display: inline-block
}

.comment-attachment .entity-item.attachment a.blockDisplay {
    display: block
}

.comment-wrapper .comment-attachment-view .comment-attachment-label {
    float: left;
    color: #999;
    margin-right: 10px;
    white-space: nowrap;
    margin: 0;
    padding-top: 0;
    text-align: left;
    font-size: 12px
}

.comment-wrapper .replay-box .comment-replay-attachment-push .label,.comment-wrapper .edit-box .comment-edit-attachment-push .label {
    float: left;
    color: #999;
    margin-right: 10px;
    white-space: nowrap;
    margin: 0;
    padding-top: 0;
    text-align: left;
    font-size: 12px;
    line-height: 30px;
    margin-right: 10px
}

.comment-wrapper .edit-box .comment-edit-attachment-push {
    margin-top: 50px
}

.comment-wrapper .relevance-group .relevance-label {
    float: left;
    color: #999;
    white-space: nowrap;
    width: 60px;
    margin: 0;
    padding-top: 0;
    text-align: left;
    font-size: 12px
}

.j_relevance-formdatareport.relevance-group .relevance-label,.comment-wrapper #formdatareport.relevance-group .relevance-label {
    width: 85px
}

.comment-wrapper #contact.relevance-group .relevance-label {
    width: 75px
}

.comment-wrapper .relevance-group .relevance-label i {
    opacity: .6;
    margin: -2px 10px 0 0
}

.comment-wrapper .relevance-group .relevance-controls {
    margin-left: 60px;
    position: relative
}

.feedback-view .j_relevance-formdatareport.relevance-group .relevance-controls,.comment-wrapper #formdatareport.relevance-group .relevance-controls {
    margin-left: 85px
}

.comment-wrapper #contact.relevance-group .relevance-controls {
    margin-left: 75px
}

.comment-wrapper .relevance-group .controls-container {
    display: block;
    margin: 0 3px 0 0
}

.comment-wrapper .relevance-group .item {
    display: block;
    vertical-align: middle;
    margin: 0 0 5px 0;
    overflow: hidden;
    white-space: nowrap
}

.comment-wrapper .relevance-group .item .title {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #666;
    cursor: pointer;
    max-width: 100%;
    font-weight: normal;
    font-size: 12px;
    padding-right: 15px
}

.comment-wrapper .relevance-group .item:hover a,.comment-wrapper .relevance-group .item:focus a,.comment-wrapper .relevance-group .item:active a {
    color: #5d9cec
}

.comment-wrapper .relevance-group .item .close {
    font-size: 16px;
    opacity: .7;
    margin-left: -12px;
    float: none;
    display: none;
    color: #5d9cec;
    font-weight: normal;
    vertical-align: top
}

.comment-wrapper .relevance-group .item:hover .close {
    display: inline-block
}

.comment-wrapper .relevance-group .item:hover .close:hover {
    font-weight: bold
}

.comment-wrapper .comment-attachment-push {
    overflow: hidden;
    position: relative;
    padding: 10px 0;
    margin-top: 10px
}

.comment-wrapper .comment-attachment-push:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    border-top: 1px dashed #dedede
}

.comment-wrapper .comment-attachment-push .label {
    color: #999;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    float: left;
    margin-right: 10px
}

.comment-attachment-push .entity-container {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.comment-attachment-push .entity-item {
    margin-bottom: 0!important;
    max-width: 100%
}

.comment-attachment-push .entity-item>a:first-child {
    width: 100%
}

.stream-more,.comment-more {
    padding: 5px 10px
}

.comment-wrapper .replay-box,.comment-wrapper .transmit-box {
    padding: 5px 10px 0 0
}

.comment-wrapper .replay-box .comment-comment-hearder {
    font-size: 12px
}

.comment-wrapper .replay-box .replay-toolbar,.comment-wrapper .edit-box .edit-toolbar {
    line-height: 30px
}

.comment-wrapper .edit-box {
    padding: 0 10px 10px;
    background-color: #f2f2f2;
    margin-top: 10px
}

.comment-wrapper .edit-box .edit-area .edit-content {
    width: 100%;
    overflow: hidden;
    word-wrap: break-word;
    resize: none;
    height: 35px
}

.comment-wrapper .comment-option {
    line-height: 30px;
    padding: 10px 0 10px 0
}

.comment-item .parent-username,.comment-item .parent-content {
    color: #999
}

.comment-wrapper .transmit-box .transmit-parent-commenter {
    color: #bbb;
    font-size: 12px
}

.comment-item .parent-content {
    word-wrap: break-word;
    word-break: break-all
}

.comment-wrapper .transmit-box a.commentreplay-share {
    margin-right: 15px
}

.comment-wrapper .replay-box .content-div,.feedback-box .replay-box .content-div,.comment-wrapper .edit-box .edit-area,.feedback-box .transmit-box .transmit-content-div {
    margin: 10px 0
}

.comment-wrapper .replay-box .comment-comment-username {
    color: #bbb;
    margin-left: 3px
}

.comment-wrapper .replay-box .comment-comment-btn,.comment-wrapper .replay-box .comment-comment-cancel,.comment-wrapper .transmit-box .transmit-btn,.transmit-box .transmit-cancel {
    margin-right: 5px
}

.comment-wrapper .replay-box .commentComment-bottom,.comment-wrapper .transmit-box .transmit-bottom {
    vertical-align: middle
}

.commentComment-history-extend-icon,.transmit-history-extend-icon {
    display: inline-block;
    background-image: url('/static/images/home/todo_header_bg.png');
    background-repeat: no-repeat;
    background-position: -1px -6px;
    width: 16px;
    height: 16px;
    vertical-align: middle
}

.commentComment-history-collapse-icon,.transmit-history-collapse-icon {
    display: inline-block;
    background-image: url('/static/images/home/todo_header_bg.png');
    background-repeat: no-repeat;
    background-position: -1px -62px;
    width: 16px;
    height: 16px;
    vertical-align: middle
}

.commentComment-commented,.transmit-transmited {
    margin-top: 5px
}

.transmit-box .transmitDuedate {
    vertical-align: middle;
    margin-bottom: 0;
    margin-right: -4px
}

.replay-box .comment-comment-content,.transmit-box .transmit-content {
    height: 35px;
    overflow: hidden;
    resize: none;
    width: 100%
}

.comment-wrapper .comment-input .attachment-div {
    float: left;
    margin-right: 10px;
    line-height: 28px
}

.comment-wrapper .replay-actions,.comment-wrapper .edit-actions,.comment-wrapper .comment-actions,.feedback-box .replay-actions {
    float: left;
    position: relative
}

.comment-wrapper .replay-actions a,.comment-wrapper .edit-actions a,.comment-wrapper .comment-actions a,.feedback-box .replay-actions a {
    text-decoration: none;
    color: #999;
    position: absolute!important;
    top: 0
}

.comment-wrapper .comment-actions a.a-upload {
    left: 0
}

.comment-wrapper .comment-actions a.comment-emoji,.comment-wrapper .replay-actions a.commentreplay-emoji,.comment-wrapper .edit-actions a.commentedit-emoji,.feedback-box .replay-actions a.commentreplay-emoji {
    left: 22px
}

.feedback-box .replay-actions a.a-relevance {
    font-size: 13px
}

.comment-wrapper .comment-actions a.a-relevance,.feedback-box .replay-actions a.a-relevance {
    left: 45px
}

.comment-wrapper .comment-actions a.comment-atme-i,.feedback-box .replay-actions a.commentreplay-atme-i,.comment-wrapper .replay-actions a.commentreplay-atme-i,.comment-wrapper .edit-actions a.commentedit-atme-i {
    left: 68px
}

.comment-wrapper .replay-actions a.a-upload,.comment-wrapper .edit-actions a.a-upload {
    left: 0;
    font-size: 13px
}

.comment-wrapper .replay-actions a.a-relevance,.comment-wrapper .edit-actions a.a-relevance {
    left: 45px;
    font-size: 13px
}

.comment-wrapper .replay-option .a-upload,.comment-wrapper .edit-option .a-upload,.comment-wrapper .comment-option .a-upload {
    font-size: 16px
}

.comment-wrapper .replay-option .a-relevance,.comment-wrapper .edit-option .a-relevance,.comment-wrapper .comment-option .a-relevance {
    font-size: 13px
}

.comment-wrapper .comment-option .a-submit {
    padding: 5px 20px
}

.comment-wrapper .comment-actions a i,.feedback-box .replay-actions a i,.comment-wrapper .replay-actions a i,.comment-wrapper .edit-actions a i,.flow-option-post .comment-actions a i {
    width: 14px;
    height: 14px;
    display: inline-block
}

.comment-wrapper .comment-actions a.a-upload i,.feedback-box .replay-actions a.a-upload i {
    background-position: -353px -336px
}

.comment-wrapper .comment-actions a.comment-emoji i,.feedback-box .replay-actions a.commentreplay-emoji i,.comment-wrapper .replay-actions a.commentreplay-emoji i,.comment-wrapper .edit-actions a.commentedit-emoji i,.flow-option-post .comment-actions a.comment-emoji i {
    background-position: -353px -351px
}

.comment-wrapper .comment-actions a.comment-atme-i i,.feedback-box .replay-actions a.commentreplay-atme-i i,.comment-wrapper .replay-actions a.commentreplay-atme-i i,.comment-wrapper .edit-actions a.commentedit-atme-i i,.flow-option-post .comment-actions a.comment-atme-i i {
    background-position: -353px -367px
}

.comment-wrapper .comment-actions a.a-relevance i,.feedback-box .replay-actions a.a-relevance i,.comment-wrapper .replay-actions a.a-relevance i,.comment-wrapper .edit-actions a.a-relevance i {
    background-position: -353px -383px
}

.comment-wrapper .comment-actions a.a-upload:hover i,.comment-wrapper .comment-actions a.a-upload:focus i {
    background-position: -337px -336px
}

.comment-wrapper .comment-actions a.comment-emoji:hover i,.comment-wrapper .comment-actions a.comment-emoji:focus i,.feedback-box .replay-actions a.commentreplay-emoji:hover i,.feedback-box .replay-actions a.commentreplay-emoji:focus i,.comment-wrapper .edit-actions a.commentedit-emoji:hover i,.comment-wrapper .edit-actions a.commentedit-emoji:focus i,.flow-option-post .comment-actions a.commentedit-emoji:hover i,.flow-option-post .comment-actions a.commentedit-emoji:focus i {
    background-position: -337px -351px
}

.comment-wrapper .comment-actions a.comment-atme-i:hover i,.comment-wrapper .comment-actions a.comment-atme-i:focus i,.feedback-box .replay-actions a.commentreplay-atme-i:hover i,.feedback-box .replay-actions a.commentreplay-atme-i:focus i,.comment-wrapper .edit-actions a.commentedit-atme-i:hover i,.comment-wrapper .edit-actions a.commentedit-atme-i:focus,.flow-option-post .comment-actions a.commentedit-atme-i:hover i,.flow-option-post .comment-actions a.commentedit-atme-i:focus i {
    background-position: -337px -367px
}

.comment-wrapper .comment-actions a.a-relevance:hover i,.comment-wrapper .comment-actions a.a-relevance:focus i,.feedback-box .replay-actions a.a-relevance:hover i,.feedback-box .replay-actions a.a-relevance:focus i {
    background-position: -337px -383px
}

.comment-wrapper .replay-actions a.a-upload i,.comment-wrapper .edit-actions a.a-upload i {
    background-position: -353px -336px
}

.extend-panel-toggle a.hide {
    display: none
}

.readinfo-box {
    margin: 2px 18px;
    line-height: 34px;
    color: #999
}

.stream-box {
    line-height: 20px;
    margin: 0 18px;
    padding: 9px 0;
    color: #999
}

.stream-top span {
    margin: 0 0 0 20px
}

.stream-top span:empty {
    display: none
}

.stream-attachment,.stream-box .entitybox-toggle {
    display: inline-block;
    max-width: 370px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.stream-box .entitybox-toggle {
    vertical-align: text-top
}

.stream-attachment {
    vertical-align: middle
}

.readinfo-box,.stream-box {
    border-bottom: dashed 1px #e2e2e2
}

.readinfo-box:last-child,.stream-box:last-child {
    border-bottom: 0
}

.readinfo-box a {
    display: inline-block;
    vertical-align: middle;
    width: 80px
}

.readinfo-box span {
    margin: 0 20px
}

.readinfo-box .read {
    color: green
}

.readinfo-box .unread {
    color: red
}

.feedback-view {
    padding: 20px
}

.feedback-view .feedback-item {
    padding: 18px 20px 10px 71px;
    position: relative;
    background: #fff;
    border-radius: 3px;
    margin-bottom: 15px;
    border: 1px solid #fff
}

.feedback-view .feedback-group .feedback-item {
    border: 0
}

.feedback-view .feedback-item .avatar {
    height: 38px;
    width: 38px;
    position: absolute;
    margin: -2px 0 0 -51px
}

.feedback-view .feedback-item .avatar img {
    height: 38px;
    width: 38px;
    border-radius: 50%
}

.feedback-view .feedback-item:hover {
    background-color: #f1f9ff;
    border: 1px solid #7ed1ff
}

.feedback-view .feedback-item .name {
    color: #666;
    font-weight: bold
}

.feedback-view .feedback-item .event {
    margin-left: 10px;
    display: inline
}

.feedback-view .feedback-item .event span {
    color: #999;
    margin-right: 5px
}

.feedback-view .feedback-item .from {
    font-style: italic;
    font-size: 12px;
    color: #999;
    margin-top: 3px
}

.feedback-view .feedback-item .content {
    word-wrap: break-word;
    word-break: break-all;
    line-height: 22px;
    margin-top: 5px
}

.feedback-view .feedback-item .content .at-user+.at-user {
    margin-left: 10px
}

.feedback-view .feedback-item .ft {
    margin-top: 5px;
    font-size: 13px
}

.feedback-view .feedback-item .time {
    color: #bbb
}

.feedback-view .feedback-item .actions {
    display: none;
    float: right
}

.feedback-view .feedback-item:hover .actions {
    display: block
}

.feedback-view .feedback-item .actions a {
    margin-left: 12px;
    color: #8899a6;
    text-decoration: none
}

.feedback-view .feedback-item .actions a:hover {
    color: #08c
}

.feedback-view .feedback-item .actions a i {
    margin-right: 5px
}

.feedback-view .feedback-group {
    border: 1px solid #eaeaea;
    background: #fff;
    margin-bottom: 15px;
    border-radius: 3px
}

.feedback-view .feedback-group>.group-head {
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    color: #999;
    overflow: hidden;
    border-bottom: 1px solid #eaeaea
}

.feedback-view .feedback-group>.group-head {
    height: 51px;
    line-height: 50px;
    padding: 0 50px 0 20px;
    position: relative
}

.feedback-view .feedback-group>.group-head .status {
    color: #ccc;
    position: absolute;
    right: 20px;
    top: 0
}

.feedback-view .feedback-group>.group-head .name {
    font-weight: bold
}

.feedback-view .feedback-group>.group-head .status.unread {
    color: #f08819
}

.feedback-view .feedback-group>.group-head .title {
    float: left
}

.feedback-view .feedback-group>.group-head time {
    float: right;
    color: #999
}

.feedback-view .feedback-group .feedback-item {
    margin: 0;
    border-radius: 0
}

.feedback-view .feedback-group .feedback-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    height: 1px;
    border-top: 1px dashed #dedede
}

.feedback-view .feedback-group .feedback-item:hover {
    background: #f1f9ff;
    border: 0
}

.feedback-view .feedback-group .feedback-item:hover:before {
    border-top: 1px dashed #7ed1ff
}

.feedback-view .feedback-group .feedback-list .feedback-item:first-child:before {
    border: 0
}

.feedback-view .feedback-group .feedback-list .feedback-item:last-child {
    border-radius: 0 0 3px 3px
}

.feedback-view .relevance-group {
    margin-bottom: 0;
    margin: 15px 0
}

.feedback-view .relevance-group .relevance-label {
    float: left;
    color: #999;
    white-space: nowrap;
    width: 60px;
    margin: 0;
    padding-top: 0;
    text-align: left;
    font-size: 12px;
    font-weight: bold
}

.feedback-view .relevance-group .relevance-controls {
    margin-left: 65px;
    position: relative
}

.feedback-view .relevance-group .controls-container {
    display: block;
    margin: 0 3px 0 0
}

.feedback-view .relevance-group .item {
    display: block;
    vertical-align: middle;
    padding: 0 15px 0 0;
    margin: 0 0 5px 0
}

.feedback-view .relevance-group .item a {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #666;
    cursor: pointer;
    max-width: 100%;
    padding-right: 2px;
    font-weight: normal;
    font-size: 12px
}

.feedback-view .relevance-group .item a:hover,.feedback-view .relevance-group .item a:focus,.feedback-view .relevance-group .item a:active {
    overflow: hidden;
    color: #5d9cec
}

#feedback .module.toolkit-list>li>a {
    white-space: nowrap
}

.feedback-center-switch-warp {
    position: relative;
    height: 50px
}

.feedback-center-switch {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -180px
}

.newcomment-search-all {
    width: 720px;
    margin-left: 20px;
    display: none
}

.newcomment-count-all {
    width: 761px;
    display: none
}

.newcomment-count-line {
    width: 761px;
    margin-bottom: 20px
}

.newcomment-count-condition {
    margin-top: 8px;
    display: block;
    margin-left: -110px
}

.newcomment-count-table {
    width: 200px;
    height: 200px;
    float: right;
    margin-right: 20px;
    margin-top: -180px;
    overflow-y: auto;
    position: relative
}

.newcomment-count-bottomline {
    border-bottom: 1px solid #e3e3e3;
    width: 761px;
    margin-bottom: 20px;
    text-align: center;
    cursor: pointer;
    margin-top: 25px;
    line-height: 24px;
    border-top: 1px solid #e6e6e6;
    background: #fafafa
}

.newcomment-bartype {
    margin-left: 80px;
    margin-top: 10px
}

.newcomment-bartype a {
    cursor: pointer;
    background: transparent;
    text-decoration: none;
    color: #444
}

.newcomment-bartype a:hover,.newcomment-bartype a:focus {
    color: #fb6e52;
    outline: 0;
    text-decoration: underline
}

.newcomment-bartype .active {
    color: #fb6e52
}

.newcomment-contact-remindTime {
    margin-left: 35px;
    position: absolute;
    border-radius: 0
}

.comment-address-modal .modal-body {
    max-height: none
}

.comment-address-modal .major-info {
    font-weight: bold;
    margin-right: 10px;
    max-width: 200px
}

.comment-address-modal .minor-info {
    font-size: 12px;
    margin-top: 3px;
    color: #999
}

.comment-address-modal .minor-info span+span {
    margin-left: 5px
}

.comment-address-modal .map-info {
    height: 460px
}

.comment-wrapper .transmit-content-div {
    margin: 10px 0
}

.workflow-typename {
    padding: 12px 18px;
    text-align: center;
    font-size: 18px;
    font-weight: bold
}

.workflow-typename .type {
    font-size: 14px;
    color: #999;
    margin: 3px 5px 0 3px;
    vertical-align: top;
    display: inline-block
}

.wform-title {
    margin: 13px;
    position: relative
}

.wform-title .textinput-b.title {
    padding-left: 0;
    padding-right: 0
}

.module-detail-view .wform-title .title-print {
    font-size: 16px;
    line-height: 20px;
    padding: 5px 0;
    font-weight: bold;
    color: #555
}

.module-detail-view .wform-title .title-print:empty {
    display: none
}

.wform-title .sernum-box {
    position: relative;
    padding: 5px 0 0 0
}

.wform-title .sernum-box:before {
    position: absolute;
    content: "";
    background-color: #e3e3e3;
    height: 1px;
    left: -13px;
    right: -13px;
    top: 0
}

.wform-title .sernum-span {
    color: #999;
    margin-left: 5px
}

.wform-post-info {
    border-radius: 3px
}

.wform-post-info .item {
    float: left;
    height: 48px;
    padding: 8px 15px;
    line-height: 30px;
    border-top: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    width: 30%
}

.wform-post-info .item:nth-child(2) {
    width: 40%
}

.wform-post-info.wform-post-info-col4 .item {
    width: 25%
}

.wform-post-info.wform-post-info-col4 .item:nth-child(4),.wform-post-info:not(.wform-post-info-col4) .item:nth-child(3) {
    border-right: 0
}

.wform-post-info .item .department {
    color: #333;
    text-decoration: none
}

.wform-post-info .item .entity-container {
    max-width: 147px;
    display: inline-block;
    margin: 0
}

.wform-post-info .item .entity-item {
    padding: 0
}

.wform-post-info .item .entity-item a:not(.btn) {
    max-width: 146px
}

.wform-post-info .item .entity-item .avatar+span {
    max-width: 116px;
    overflow: hidden;
    display: inline-block
}

.wform-post-info label {
    float: left;
    margin: 0 10px 0 0;
    color: #999;
    font-size: 12px;
    font-weight: bold
}

.wform-post-info .textinput-b {
    height: 30px;
    line-height: 30px;
    padding: 0
}

.formcatetip:hover {
    opacity: 1;
    margin-left: 15px
}

.wform-create-view .most-used>* {
    display: inline-block;
    vertical-align: middle
}

.wform-create-view .most-used>input {
    margin: 0 3px 0 0
}

.wform-create-view.module-detail-view .workflows-container {
    padding-bottom: 0
}

.wform-submit-history .history-div table th {
    background-color: #f8f8f8;
    color: #6b6b6b
}

.wform-submit-history .history-div table {
    color: #666
}

.wform-submit-history .history-div table tr:nth-child(2n) td {
    background: #fbfbfb
}

.wform-submit-history .history-div table th div,.wform-submit-history .history-div table td div {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.wform-submit-history .history-div th.title,.wform-submit-history .history-div th.title div,.wform-submit-history .history-div td.title,.wform-submit-history .history-div td.title div {
    width: 185px
}

.wform-submit-history .history-div th.user,.wform-submit-history .history-div th.user div,.wform-submit-history .history-div td.user,.wform-submit-history .history-div td.user div {
    width: 50px
}

.wform-submit-history .history-div th.status,.wform-submit-history .history-div th.status div,.wform-submit-history .history-div td.status,.wform-submit-history .history-div td.status div {
    width: 80px
}

.wform-submit-history .history-div th.filed,.wform-submit-history .history-div th.filed div,.wform-submit-history .history-div td.filed,.wform-submit-history .history-div td.filed div {
    width: 100px
}

.wform-submit-history .history-div th.num,.wform-submit-history .history-div th.num div,.wform-submit-history .history-div td.num,.wform-submit-history .history-div td.num div {
    width: 40px;
    text-align: center
}

.wform-submit-history .history-div .flowname {
    vertical-align: middle
}

.wform-submit-history .history-div .sernum {
    vertical-align: middle;
    font-size: 12px;
    color: #5d9cec;
    height: 20px;
    line-height: 21px;
    margin-left: 5px
}

.wform-submit-history .history-div .flow-close {
    display: none
}

.wform-signature-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11;
    background-color: #666;
    opacity: .4;
    -webkit-filter: blur(1px);
    filter: alpha(opacity=40)
}

.wform-signature-div .wform-signature-box {
    height: 490px;
    width: 580px;
    position: absolute;
    z-index: 12;
    top: 60px;
    left: 50%;
    margin-left: -290px
}

.wform-signature-box .header {
    height: 51px;
    padding: 0 20px;
    border-bottom: 1px solid #d5d5d5
}

.wform-signature-box .sign-close {
    color: #999;
    text-decoration: none;
    font-size: 31px;
    position: absolute;
    top: 3px;
    right: 15px
}

.wform-signature-box .sign-close:hover {
    color: #666;
    text-decoration: none
}

.wform-signature-box .sign-code-box {
    width: 180px;
    height: 180px;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    left: 50%;
    position: relative;
    margin-left: -90px;
    top: 90px;
    border: 1px solid #eaeaea;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    overflow: hidden
}

.wform-signature-box .sign-code-tips {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-top: 110px;
    color: #999
}

.wform-signature-box .header>.title {
    color: #454545;
    padding: 15px 20px;
    border-bottom: 1px solid #ccc;
    font-weight: bold
}

.wform-signature-box .toolkit-list .toolkit-item-tab {
    margin-top: 0
}

.wform-signature-box .widget-content {
    background-color: #fff;
    margin: 20px 20px 5px 20px;
    border: 1px solid #e3e3e3;
    border-radius: 2px
}

.wform-signature-box .opt {
    padding: 10px 20px;
    overflow: hidden;
    width: 100%;
    font-size: 13px
}

.wform-signature-box .opt>* {
    float: left;
    margin-right: 15px
}

.wform-signature-box .opt>*:last-child {
    margin-right: 0
}

.wform-signature-box .opt .text {
    color: #999;
    display: inline-block;
    padding-right: 12px;
    margin-right: 12px;
    border-right: 1px solid #e1e1e1;
    position: relative;
    height: 24px;
    line-height: 24px
}

.wform-signature-box .opt .text:after {
    position: absolute;
    content: "";
    background-color: #fff;
    top: 0;
    bottom: 0;
    width: 1px;
    right: -2px
}

.wform-signature-box .opt .size>a {
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer
}

.wform-signature-box .opt .size>a:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #999;
    border-radius: 50%
}

.wform-signature-box .opt .size>a.small:after {
    width: 2px;
    height: 2px;
    margin: -1px 0 0 -1px
}

.wform-signature-box .opt .size>a.medium:after {
    width: 6px;
    height: 6px;
    margin: -3px 0 0 -3px
}

.wform-signature-box .opt .size>a.large:after {
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px
}

.wform-signature-box .opt .size>a.active {
    border: 1px solid #d5d5d5
}

.wform-signature-box .eraser>a:last-child {
    border: 1px solid transparent;
    display: inline-block;
    width: 22px;
    height: 22px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer
}

.wform-signature-box .size>a:active,.wform-signature-box .opt-eraser:active {
    -moz-box-shadow: 0 0 5px #d8d3d3 inset;
    -webkit-box-shadow: 0 0 5px #d8d3d3 inset;
    box-shadow: 0 0 5px #d8d3d3 inset;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
    border: 1px solid #d5d5d5
}

.wform-signature-box .eraser>a.active:last-child {
    border-color: #d5d5d5
}

.wform-signature-box .opt .color-box {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    width: 170px
}

.wform-signature-box .opt .color-box>span {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 0 1px 1px 0;
    cursor: pointer
}

.wform-signature-box .opt .color-box>span:first-child {
    width: 23px;
    height: 23px;
    float: left
}

.wform-signature-box .footer {
    float: right;
    margin-right: 20px
}

.wform-signature-box {
    background-color: #eee
}

.wform-node-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11;
    background-color: #666;
    opacity: .4;
    -webkit-filter: blur(1px);
    filter: alpha(opacity=40);
    display: none
}

.wform-node-selection .wform-node-box {
    height: 200px;
    width: 500px;
    position: absolute;
    z-index: 12;
    top: 60px;
    left: 50%;
    background-color: #fff;
    border-radius: 5px;
    transform: translateX(-50%);
    display: none
}

.wform-node-box .header {
    height: 51px;
    padding: 0 20px;
    border-bottom: 1px solid #d5d5d5
}

.wform-node-box .node-close {
    color: #999;
    text-decoration: none;
    font-size: 31px;
    position: absolute;
    top: 3px;
    right: 15px
}

.wform-node-box .node-close:hover {
    color: #666;
    text-decoration: none
}

.wform-node-box .header>.title {
    color: #454545;
    font-weight: bold;
    line-height: 50px
}

.wform-node-box .main {
    position: absolute;
    left: 0;
    right: 0;
    top: 51px;
    bottom: 50px;
    padding: 20px;
    color: #999
}

.wform-node-box .footer {
    position: absolute;
    bottom: 20px;
    right: 20px
}

.wform-list {
    list-style: none;
    margin: 0 -10px;
    min-height: 10px
}

.wform-list .status-box {
    float: right;
    right: 0;
    position: absolute;
    top: 3px
}

.wform-list .status-box .btn-group>a {
    color: #5c5c5c;
    padding: 0
}

.wform-list .status-box .btn-group>a:hover {
    text-decoration: none
}

.wform-list .status-box .btn-group>a.dropdown-toggle {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.wform-list .status-box .fixed-icon {
    background-position: -68px -366px;
    width: 19px;
    height: 19px
}

.wform-list>li h4:hover {
    color: #08c
}

.wform-list>li:hover {
    border-color: #53b6eb;
    -webkit-box-shadow: 4px 10px 12px rgba(0,0,0,0.10);
    box-shadow: 4px 10px 12px rgba(0,0,0,0.10)
}

.wform-list>li .btn {
    height: 24px;
    padding: 0 6px;
    font-size: 12px;
    line-height: 22px
}

.wform-list>li:hover .btn {
    border-color: #53b6eb;
    background: #f9fcff;
    color: #53b6eb
}

.wform-list>li:hover .btn:hover {
    background: #d7ecff;
    color: #0a8fd6
}

.wform-list li .list-box {
    position: relative
}

.wform-list li .content {
    left: 0;
    right: 20px;
    top: 0
}

.wform-manage-list {
    list-style: none;
    margin: 0;
    min-height: 10px;
    margin-top: 15px
}

.wform-manage-list .wform-list li .list-box {
    position: relative
}

.wform-list .isGn {
    background: rgba(221,221,221,1);
    border-radius: 11px;
    color: #000;
    line-height: 22px;
    padding: 0 7px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 4px
}

.wform-list .content>input.form-control {
    margin: 0 45px 0 20px;
    width: auto!important
}

.wform-list>li {
    margin: 10px;
    min-width: 280px;
    height: 120px;
    padding: 15px;
    width: 272px;
    border: 1px solid #eaeaea;
    background: #fff;
    float: left;
    border-radius: 3px;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    transition: all .15s linear
}

.wform-list.member>li {
    height: 135px
}

.workflows-container .wform-list>li,.modal .wform-list>li {
    margin: 0 .8% 15px;
    width: 48%
}

.wform-addnew-view .opt-list .close-item {
    display: none
}

.wform-addnew-view .opt-list .opt-item,.wform-addnew-view .opt-list .change-li {
    margin-right: 0
}

.wform-addnew-view .workflows-container .wform-list>li {
    margin: 0 .5% 15px;
    width: 19%;
    min-width: 280px
}

.wform-list>li .formItem-disable {
    position: absolute;
    left: 35px;
    top: 63px
}

.wform-list>li:hover .formItem-disable {
    color: #47b6ee
}

.wform-list>li .status {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 16px;
    color: #eea236
}

.wform-list>li .serial {
    background: none!important;
    border-radius: 50%;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    text-align: center;
    width: 24px;
    margin: 2px 0 0 0;
    color: #999;
    top: 0;
    left: -6px
}

.wform-list>li h4 {
    color: #666;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    line-height: 28px;
    margin: 0 41px 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.wform-addnew-view .workflows-container .wform-list h4 {
    display: inline-block;
    width: 100%;
    padding: 0 20px 0 20px;
    margin: 0
}

.wform-addnew-view .workflows-container .wform-list .nodescription,.wform-addnew-view .workflows-container .wform-list .description {
    margin-top: -5px
}

.wform-list>li h4 .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.wform-list>li h4 .marker {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    font-size: 16px;
    color: #29adae
}

.wform-list>li h4 input {
    margin-top: -2px
}

.wform-list>li .description,.wform-list li .nodescription {
    margin: 5px 0 0;
    color: #999;
    font-size: 12px;
    margin: 0 27px 0 20px;
    min-height: 18px
}

.wform-list .list-box>.btn-group {
    float: right;
    margin: 15px 0 0 0
}

.wform-list .list-box .dropdown-menu,.wform-list .list-box .dropdownchild-menu {
    max-width: 140px
}

.wform-list .list-box .dropdown-menu>li>a {
    position: relative
}

.wform-list .list-box .dropdown-menu>li>a>i {
    position: absolute;
    left: 6px;
    top: 9px;
    font-size: 12px
}

.wform-li .btn-group {
    background: 0;
    height: auto;
    width: auto;
    float: right;
    margin: 0 10px 0 0
}

.wform-li .btn-group>a {
    -moz-user-select: none;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 12px;
    line-height: 1.5;
    float: left;
    position: relative;
    margin-left: 0;
    height: auto;
    width: auto
}

.wform-li .btn-group>a>span {
    display: inline-block;
    padding: 5px 10px
}

.wform-li .btn-group>a:hover {
    background: #d7ecff;
    border: 1px solid #7ed1ff
}

.wform-li .text-content {
    margin: -15px 10px 0 30px!important;
    color: #999;
    height: auto!important
}

.wform-li .text-content>.creat-message {
    margin: 0 0 5px
}

.wform-li .text-content>div:last-child {
    margin: 0
}

.wform-li .group-data {
    margin: -45px 0 0
}

.wform-nodata {
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #DDD;
    margin-top: 15px
}

.wform-auth-modal .mCSB_container {
    padding-bottom: 300px
}

.wform-auth-config {
    position: relative;
    padding: 20px
}

.wform-auth-config .eform-checkbox {
    margin: 0 0 10px;
    text-align: right
}

.wform-auth-config .eform-checkbox>.checkbox-inline>* {
    display: block;
    float: left
}

.wform-auth-config .eform-checkbox>.checkbox-inline>input {
    margin-top: 3px
}

body.platform-mac .wform-auth-config .eform-checkbox>.checkbox-inline>input {
    margin-top: 5px
}

.wform-auth-config .entity-item a:not(.btn) {
    line-height: 32px
}

.wform-auth-config .entity-info .control-group {
    padding: 15px 20px
}

.wform-auth-config .entity-info .control-group .control-label {
    line-height: 32px;
    font-size: 14px;
    color: #666;
    font-weight: normal;
    width: 110px;
    font-weight: bold
}

.wform-auth-config .entity-info .control-group .controls {
    margin-left: 120px
}

.wform-auth-config .detail-block {
    margin: 0 0 13px 0;
    border: 0
}

.wform-auth-config .entity-info .control-group .entity-item-add {
    display: inline-block
}

.wform-auth-config .entity-info .control-group .entity-item-add i {
    color: #bfc2c7
}

.wform-auth-config .control-group .tips {
    width: 100%;
    overflow: hidden;
    color: #999;
    font-size: 12px;
    margin-top: 5px;
    margin-left: 120px
}

.wform-auth-config .entity-info .control-group .controls {
    margin-left: 120px;
    min-height: 32px
}

.wform-auth-config .entity-info .control-group:hover {
    background: #fff
}

.wform-sernumrule-view .title .control-label {
    color: #333;
    font-size: 14px;
    width: auto;
    margin: 0 5px 0 0
}

.wform-sernumrule-view .title .control-label span {
    font-weight: normal;
    color: #999
}

.wform-sernumrule-view .title:hover {
    background: #fff
}

.wform-sernumrule-view .set-text>span {
    margin: 5px 0 0 0;
    display: inline-block
}

.wform-sernumrule-view .set-text>span>span {
    display: block;
    float: left
}

.wform-sernumrule-view .select-field .entity-item-add {
    display: inline-block
}

.wform-sernumrule-view .select-group {
    padding: 3px 20px
}

.wform-sernumrule-view .select-group:hover {
    background: #fff
}

.wform-sernumrule-view .more-set {
    font-size: 12px;
    color: #999;
    cursor: pointer;
    text-align: center
}

.wform-sernumrule-view .sernumrule-setting {
    margin: 0 18px 13px
}

.wform-sernumrule-view .sernumrule-setting>div {
    width: 50%;
    float: left
}

.wform-sernumrule-view .sernumrule-setting .left .detail-block {
    margin: 0
}

.wform-sernumrule-view .sernumrule-setting .left .detail-block+.detail-block {
    margin-top: 13px
}

.wform-sernumrule-view .sernumrule-setting .left .tips {
    margin-left: 10px;
    color: #999
}

.wform-sernumrule-view .sernumrule-setting .left .detail-block .control-label {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.wform-sernumrule-view .right .detail-block .title .control-label {
    width: 100%;
    text-align: center
}

.wform-sernumrule-view .right .detail-block .header {
    text-align: center;
    padding: 5px;
    font-weight: bold
}

.wform-sernumrule-view .right .detail-block {
    background-color: #f5f5f5;
    border: 0
}

.wform-sernumrule-view .right .control-table {
    padding: 10px
}

.wform-sernumrule-view .right .control-table table {
    background-color: #fff;
    margin: 10px 0 0 0
}

.wform-sernumrule-view .right .control-table table * {
    border-color: #ebebeb
}

.wform-sernumrule-view .right .control-table table tr>td {
    padding: 13px 15px
}

.wform-sernumrule-view .right .control-table table span {
    color: #999;
    font-weight: bold;
    font-size: 12px
}

.wform-sernumrule-view .right .control-table table span.name {
    color: #666;
    font-size: 14px
}

.wform-sernumrule-view .right .control-table table span.num,.wform-sernumrule-view .right .control-table table span.num>.num {
    color: #fb6e52;
    font-weight: normal;
    font-size: 14px
}

.wform-sernumrule-view .right .control-table table span.num>span {
    color: #666;
    font-size: 14px;
    font-weight: normal
}

.wform-sernumrule-view .sernumrule-setting .right .title:hover {
    background-color: transparent
}

.wform-historyset-view .title-group {
    border-bottom: 0
}

.wform-historyset-view .control-label.title {
    color: #333;
    font-size: 14px
}

.wform-historyset-view .control-label.txt {
    color: #999;
    font-weight: normal;
    font-size: 14px
}

.wform-historyset-view .wform-column-list li:first-child {
    border-top: 1px dashed #ddd
}

.wform-historyset-view .wform-column-list li:last-child,.wform-historyset-view .wform-column-list li:only-child {
    border-bottom: 0
}

.wform-historyset-view .preview-content {
    padding: 0 18px
}

.wform-historyset-view .preview-content .tips-box {
    color: #999;
    font-size: 13px;
    margin-left: 5px
}

.wform-historyset-view .preview-content .img-box {
    width: 760px;
    height: 374px;
    background-image: url(/static/img/flow/flow-historysetting.png);
    background-size: 760px 374px;
    margin-top: 15px
}

.wform-historyset-view .setting-tip {
    font-size: 12px;
    color: #999;
    padding: 15px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25),only screen and (min-resolution:120dpi),only screen and (min-resolution:1.25dppx) {
    .wform-historyset-view .preview-content .img-box {
        background-image:url(/static/img/flow/flow-historysetting.png);
        background-size: 760px 374px
    }
}

.wform-share-config .modal-body {
    max-height: 440px
}

.wform-share-config .mCSB_container {
    padding-bottom: 280px
}

.wform-share-config .toolkit-list {
    margin-top: 0;
    vertical-align: middle;
    display: inline-block
}

.wform-share-config .share-person {
    position: relative;
    padding: 20px
}

.wform-share-config .share-person .entity-item a:not(.btn) {
    line-height: 32px
}

.wform-share-config .share-person .control-group .control-label {
    line-height: 32px
}

.wform-share-config .share-person .control-group .controls {
    margin-left: 110px
}

.wform-share-config .share-person .control-group-sync .controls {
    margin-left: 260px
}

.wform-share-config .share-auth {
    position: relative;
    padding: 20px
}

.wform-share-config .share-auth .control-group:last-child,.wform-share-config .share-auth .control-group:only-child {
    border-bottom: 0
}

.wform-share-config .share-auth .control-group {
    padding: 10px 20px;
    color: #999;
    font-size: 12px
}

.wform-share-config .share-auth .control-group.title {
    color: #666;
    font-weight: bold
}

.wform-share-config .share-auth .entity-info li>span {
    display: inline-block;
    width: 50%;
    text-align: center;
    float: left;
    vertical-align: top
}

.wform-share-config .share-auth .entity-info li>span>* {
    vertical-align: top;
    margin-right: 5px;
    display: inline-block
}

.wform-share-config .share-auth .entity-info li>span>*:last-child {
    margin-right: 0
}

.wform-share-config .share-auth .control-group.title:hover {
    background-color: #fff
}

.wform-share-config .share-auth .entity-info li input {
    cursor: pointer
}

.wform-share-config .share-auth .control-group.title>span:nth-child(2) {
    text-align: left;
    padding-left: 173px
}

.wform-share-config .share-auth .common-nodata,.wform-share-config .share-auth .common-more {
    border-top: 1px solid #e5e5e5;
    margin: 0;
    padding: 10px 20px;
    line-height: 16px
}

.workflow-status {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 2px 5px;
    font-size: 12px;
    width: auto;
    color: #999;
    position: absolute;
    right: 0;
    top: 15px;
    text-align: center
}

.workflow-typename {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 20px;
    text-align: center;
    color: #0069bd;
    position: relative
}

.workflow-typename .name {
    max-width: 84%;
    display: inline-block;
    line-height: 26px
}

.workflow-container .loading_large,.flow-detail-view .loading-big {
    position: absolute
}

.flow-detail-view .loading-big {
    width: 100%;
    height: 400px
}

.flow-detail-view .form-view .field .file-item {
    line-height: 21px;
    margin-right: 2px;
    margin-top: 8px
}

.flow-detail-view .detail-actions li .graph-14-entrust {
    background-position: 0 -941px
}

.flow-detail-view .detail-actions li:hover>a>.graph-14-entrust,.flow-detail-view .detail-actions li.active>a>.graph-14-entrust {
    background-position: -14px -941px
}

.workflow-typename .ownership {
    font-size: 14px;
    color: #999;
    margin-left: 5px
}

.form-head.center-nav .nav>li.search i {
    color: #666
}

.form-head.center-nav .nav>li.search {
    margin-right: 5px
}

.workflows-container .wform-list,.modal .wform-list {
    padding: 0 5px;
    margin: 10px 0 0 0
}

.flow-listview .workflows-container .wform-list {
    padding: 0;
    margin: 10px 10px 0 10px
}

.flow-listview .workflows-container .wform-list>li {
    border-top: 1px solid #ddd
}

.flow-listview .workflows-container .wform-list>li {
    margin: 0!important;
    width: 50%!important;
    height: auto;
    padding: 10px;
    border-top-width: 0
}

.flow-listview .workflows-container .wform-list>li:nth-child(2n) {
    border-left: 0
}

.flow-listview .workflows-container .wform-list>li:nth-child(1),.flow-listview .workflows-container .wform-list>li:nth-child(2) {
    border-top: 1px solid #ddd
}

.wform-addnew-view .flow-listview .workflows-container .wform-list>li {
    width: 25%!important;
    min-width: 190px
}

.wform-addnew-view .flow-listview .workflows-container .wform-list>li:not(:nth-child(4n+1)) {
    border-left: 0
}

.wform-addnew-view .flow-listview .workflows-container .wform-list>li:nth-child(1),.wform-addnew-view .flow-listview .workflows-container .wform-list>li:nth-child(2),.wform-addnew-view .flow-listview .workflows-container .wform-list>li:nth-child(3),.wform-addnew-view .flow-listview .workflows-container .wform-list>li:nth-child(4) {
    border-top: 1px solid #ddd
}

.wform-addnew-view .module-detail-view .workflows-container {
    padding-bottom: 0
}

.flow-listview .workflows-container .wform-list>li:hover {
    border-color: #d5d5d5
}

.flow-listview .workflows-container .wform-list>li .content {
    height: 24px
}

.flow-listview .wform-list li .list-box {
    position: relative
}

.flow-listview .wform-list li .content {
    left: 0;
    margin: 0 50px 0 0;
    top: 0
}

.flow-listview .wform-list>li .description,.flow-listview .wform-list li .nodescription {
    display: none
}

.flow-listview .wform-list .list-box>.btn-group {
    float: none;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0
}

.flow-listview .wform-list .list-box .btn {
    padding: 2px 10px;
    height: auto;
    color: #999;
    display: none
}

.flow-listview .wform-list>li:hover .list-box .btn {
    display: inline-block;
    border: 1px solid #ccc
}

.flow-listview .wform-list>li .list-box .btn:hover {
    border: 1px solid #7ed1ff
}

.flow-listview .wform-list>li .serial {
    margin-top: 0
}

.flow-listview .wform-list>li h4 {
    width: auto;
    font-weight: normal;
    color: #333;
    line-height: 24px
}

.workflows-container .form-category-hd,.modal .form-category-hd {
    margin: 15px 1.2% 0;
    cursor: default
}

.form-list-stat .wform-cty-hd,.form-list-cloud .wform-cty-hd,.wform-manage-list .wform-cty-hd {
    cursor: default
}

.workflows-wrap .mCSB_container {
    padding-bottom: 150px
}

.newform-modal.entity-info .control-label {
    width: 70px
}

.newform-modal.entity-info .controls {
    margin-left: 75px
}

@media(-webkit-min-device-pixel-ratio: 0) {
    .datetimepicker.datetimepicker-dropdown-bottom-right {
        margin-left:-6px
    }
}

.step-def-title {
    height: 40px;
    line-height: 38px;
    color: #454545
}

.step-def-title a {
    margin-left: 10px
}

.approvers-container {
    margin: 5px 0
}

.approvers-container .approver-line {
    border: 1px solid #eee;
    margin-bottom: 10px
}

.approvers-container .approver-line .hd {
    padding: 5px 20px;
    background: #f8f8f8;
    position: relative;
    border-bottom: 1px solid #eee
}

.approvers-container .approver-line .bd {
    background: #fff
}

.approvers-container .approver-line .hd .flow-node-name {
    width: 100%;
    height: 22px;
    line-height: 22px;
    background: transparent;
    border: 0;
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.approvers-container .approver-line .hd .flow-node-name:hover {
    background-color: #eee
}

.approvers-container .approver-line .line-item {
    padding: 5px 20px;
    line-height: 28px;
    min-height: 38px;
    border-bottom: 1px solid #eee
}

.approvers-container .approver-line .line-item label {
    float: left;
    padding-right: 10px;
    color: #999
}

.approvers-container .circle-line .controls {
    margin: 0 34px 0 0;
    float: left
}

.flow-detail-view .detail-actions li.workflow-disabled {
    position: relative;
    opacity: .5
}

.flow-detail-view .detail-actions li.workflow-disabled:after {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    position: absolute;
    content: ""
}

.step-container .approver-line .export-line>* {
    vertical-align: top;
    display: inline-block
}

.step-container .approver-line .export-line>input[type='text'] {
    width: 100px
}

.step-container .approver-line .export-line,.step-container .approver-line .export-line>select,.step-container .approver-line .export-line>input {
    color: #666
}

.step-container .approver-line .export-line {
    margin: 0 0 5px 0
}

.step-container .approver-line .export-line:last-child {
    margin: 0
}

.step-container .approver-line .export-line>select,.step-container .approver-line .export-line>input {
    margin: 0 5px 0 0
}

.step-container .export-line .control-btn i,.step-container .circle-line .del-box i {
    border: 1px solid #999;
    border-radius: 50%;
    color: #999;
    display: inline-block;
    height: 24px;
    overflow: hidden;
    line-height: 22px;
    text-align: center;
    text-decoration: none;
    width: 24px;
    margin-top: 2px
}

.step-container .export-line .control-btn i:hover,.step-container .circle-line .del-box i:hover {
    border-color: #78c399;
    color: #78c399
}

.step-container .circle-line .del-box i {
    margin: 3px 0 0 0
}

.step-container .approver-line .line-item:last-child {
    border-color: transparent
}

.step-container .approver-line .opt-item {
    display: inline-block;
    vertical-align: center;
    padding: 0 5px 0 0
}

.step-container .approver-line .opt-item.hide {
    display: none
}

body[e-lang="en"] .step-container .approver-line .opt-item .txt {
    max-width: 205px;
    display: inline-block;
    vertical-align: middle
}

.step-container .approver-line .item-tips {
    background: #f8f8f8;
    padding: 10px;
    color: #999;
    position: relative
}

.step-container .approver-line .item-tips:before {
    position: absolute;
    content: "";
    border-color: #f8f8f8;
    border-style: solid;
    border-width: 13px 13px 0 0;
    top: -6px;
    transform: rotate(-45deg);
    left: 25px
}

.flow-sequence-dialogs {
    position: absolute;
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border: 1px solid #e2e2e2;
    width: 515px
}

.flow-sequence-dialogs .trigon {
    position: absolute;
    content: "";
    border-color: #fff;
    border-style: solid;
    border-width: 13px 13px 0 0;
    transform: rotate(-45deg);
    top: -7px
}

.flow-sequence-dialogs .txt {
    color: #666;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%
}

.flow-sequence-dialogs .choose-item {
    min-height: 30px;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px
}

.flow-sequence-dialogs .choose-item+.choose-item {
    margin-left: 10px
}

.flow-sequence-dialogs .choose-item>* {
    vertical-align: middle
}

.flow-sequence-dialogs .choose-item>input {
    margin-right: 3px
}

.flow-sequence-dialogs .choose-item .entity-item-add {
    margin-left: 5px
}

.step-container .approver-line .btn-delete-approver {
    color: #999;
    font-size: 16px;
    padding: 4px 10px;
    position: absolute;
    right: 0;
    top: 0
}

.step-container .approver-line .btn-delete-approver:hover {
    background: #a7a7a7;
    color: #333;
    text-decoration: none
}

.step-container .approver-line .node-control {
    padding-right: 55px;
    position: relative
}

.step-container .approver-line .node-control .btn {
    margin: 0 5px 0 0
}

.step-container .approver-line .circle-line {
    overflow: hidden
}

.step-container .circle-line .line-right {
    margin: 0 0 0 110px;
    overflow: hidden
}

.step-container .circle-line .del-box {
    position: relative;
    float: right
}

.step-container .circle-line .box-child {
    position: absolute;
    right: 15px;
    top: 0
}

.step-container .approver-line .node-control span {
    max-width: 100%;
    overflow: hidden
}

.step-container .approver-line .entity-container .entity-item {
    max-width: 100px
}

.step-container .approver-line .node-control span>a {
    color: #666;
    display: inline-block
}

.step-container .approver-line .node-control span>a:not(.close) {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.step-container .approver-line .node-control span>a .delete {
    color: #fd0303
}

.step-container .approver-line .node-control span>a:hover {
    text-decoration: none
}

.step-container .approver-line .if-check {
    position: absolute;
    top: 0;
    right: 5px
}

.step-container .approver-line .entity-container {
    display: inline;
    float: none
}

.step-container .approver-line .entity-container:empty {
    display: none
}

.flow-sequence-dialogs {
    width: 500px;
    background: #fff;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
    padding: 20px;
    position: fixed;
    z-index: 1
}

.trigon {
    position: absolute;
    content: "";
    border-color: #fff;
    border-style: solid;
    border-width: 12px 12px 0 0;
    transform: rotate(-45deg);
    top: -6px;
    z-index: 1
}

.flow-sequence-dialogs .txt {
    color: #666;
    margin-bottom: 5px;
    display: inline-block;
    width: 100%
}

.flow-sequence-dialogs .choose-box>* {
    vertical-align: middle
}

.choose-item {
    min-height: 30px;
    display: inline-block;
    line-height: 30px
}

.flow-sequence-dialogs .choose-item+.choose-item {
    margin-left: 10px
}

.flow-sequence-dialogs .choose-item>* {
    vertical-align: middle;
    display: inline-block
}

.flow-sequence-dialogs .choose-box .entity-item {
    max-width: 450px!important;
    vertical-align: text-bottom
}

.flow-sequence-dialogs .choose-box .entity-container {
    display: inline-block!important;
    height: 30px;
    line-height: 30px
}

.flow-sequence-dialogs .choose-item *.hide {
    display: none
}

.approver-line .typeahead-wrapper {
    float: none;
    vertical-align: middle
}

.approvers-container .control-label {
    float: left;
    width: 75px;
    margin: 0;
    line-height: 28px
}

.approver-line .controls {
    margin-left: 110px
}

.approvers-join {
    padding-left: 110px;
    position: relative;
    margin: 10px 0 5px
}

.approvers-join .title {
    position: absolute;
    left: 1px;
    line-height: 30px;
    color: #666
}

.approvers-join .control-btn {
    padding: 4px 10px
}

.approvers-join .join-box .origin {
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    margin-right: 12px
}

.approvers-join .join-box .origin a {
    color: #333
}

.approvers-join .join-box .origin a:hover {
    color: #5d9cec
}

.workflow-list>li .title {
    font-size: 0;
    margin: 0 180px 0 0;
    height: 44px
}

.workflow-list .title .finished-tag {
    height: 18px;
    line-height: 16px;
    padding: 0 11px;
    border: 1px solid #24b7e5;
    color: #24b7e5;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
    margin: 12px 0 0 10px;
    border-radius: 2px
}

.workflow-list .title .text {
    display: block;
    max-width: 100%;
    font-size: 14px;
    float: left
}

.workflow-list .title .mark {
    display: block;
    float: left
}

.workflow-list .title .entrust,.workflow-list .title .carboncopy {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px
}

.workflow-list .title .entrust {
    background-position: -258px -519px
}

.workflow-list .title .carboncopy {
    background-position: -240px -519px
}

.workflow-list .title .process-time {
    padding: 2px 5px;
    font-size: 12px;
    color: #fff;
    border-radius: 3px;
    margin: 12px 0 0 10px;
    display: inline-block;
    line-height: 16px;
    clear: both;
    height: 20px;
    vertical-align: top
}

.workflow-list .title .process-time-red {
    background-color: #fb6e52
}

.workflow-list .title .process-time-green {
    background-color: #5ac0b5
}

.workflow-list .title .finished-tag.hide {
    display: none
}

.workflow-list .finished-line {
    text-decoration: none;
    font-size: 0
}

.workflow-list .finished-line>span {
    text-decoration: line-through;
    font-size: 14px
}

.flow-option-post {
    margin: 18px 18px 0;
    position: relative
}

.flow-option-post .steps-box {
    float: right;
    margin-top: 10px
}

.flow-option-post .steps-box>.btn {
    max-width: 75px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.flow-option-post .steps-box>select {
    width: 103px
}

.flow-detail-view .free-back-container .flowcomment-option {
    float: none;
    right: 370px;
    position: absolute
}

.flow-option-post:empty {
    display: none
}

.flow-option-post textarea {
    width: 100%;
    min-height: 50px;
    resize: none
}

.flow-option-post .flowcomment-option {
    float: right;
    margin: 15px 10px 0 0
}

.flow-option-post .flowcomment-option .comment-actions>a {
    margin-left: 5px
}

.flow-signnature-img.hide {
    display: none
}

.flow-signnature-img {
    background-color: #fff;
    margin-top: 10px;
    border: 1px solid #ddd;
    position: relative;
    height: 45px;
    display: inline-block
}

.flow-signnature-img>img {
    height: 43px;
    display: inline-block
}

.flow-signnature-img:empty {
    display: none
}

.flow-signnature-img .img-delete {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    background-color: #f74949;
    height: 16px;
    text-align: center;
    width: 16px;
    font-size: 16px;
    line-height: 16px;
    cursor: pointer;
    display: none
}

.flow-signnature-img:hover .img-delete {
    display: inline-block
}

.flow-comment-emoji.emoji-menu>div:after {
    top: 50%;
    right: -25px;
    -webkit-transform: rotate(-45deg) translateX(-50%);
    -ms-transform: rotate(-45deg) translateX(-50%);
    -moz-transform: rotate(-45deg) translateX(-50%);
    -o-transform: rotate(-45deg) translateX(-50%);
    margin-top: -6px;
    content: "";
    position: absolute;
    height: 9px;
    width: 10px;
    border: 1px solid #ddd;
    border-width: 0 1px 1px 0;
    background-color: #fff
}

.flow-comment-emoji.emoji-menu>div {
    position: relative
}

.flow-comment-emoji.emoji-menu:after {
    display: none
}

.flow-option-post .approvers-info {
    color: #999;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    padding-left: 3px;
    margin-bottom: 3px
}

.flow-sketch-view .sketch-node-log {
    min-width: 200px;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    background: #fff;
    position: absolute;
    z-index: 10;
    font-size: 12px;
    color: #666;
    -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.15);
    -moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.15);
    -ms-box-shadow: 3px 3px 10px rgba(0,0,0,0.15);
    box-shadow: 3px 3px 10px rgba(0,0,0,0.15)
}

.flow-sketch-view .sketch-node-log .hd {
    padding: 8px 30px 8px 15px;
    position: relative;
    background-color: #f5f5f5;
    font-weight: bold
}

.flow-sketch-view .sketch-node-log .hd span:not(:last-child):after {
    content: '，'
}

.flow-sketch-view .sketch-node-log .hd>.log-title>span:hover {
    cursor: pointer
}

.flow-sketch-view .sketch-node-log .hd>.log-title>span:hover,.flow-sketch-view .sketch-node-log .hd>.log-title>span:focus,.flow-sketch-view .sketch-node-log .hd>.log-title>span:active,.flow-sketch-view .sketch-node-log .hd>.log-title>span.active {
    color: #5d9cec
}

.flow-sketch-view .sketch-node-log .hd .close {
    position: absolute;
    right: 10px;
    font-size: 16px;
    top: 8px
}

.flow-sketch-view .sketch-node-log .hd .close:hover {
    font-weight: bold
}

.flow-sketch-view .sketch-node-log .bd {
    border-top: 1px solid #d5d5d5;
    padding: 8px 0
}

.flow-sketch-view .log-list-wrapper {
    max-height: 320px
}

.flow-sketch-view .sketch-node-log .log-item {
    padding: 4px 8px;
    margin: 0 7px
}

.flow-sketch-view .sketch-node-log .log-item:hover {
    background: #f6f6f6;
    border-radius: 3px
}

.flow-sketch-view .sketch-node-log .log-item>div {
    padding: 0 5px;
    color: #999
}

.flow-sketch-view .sketch-node-log .log-item>.name {
    font-size: 12px;
    padding-bottom: 2px;
    margin-bottom: 0;
    border-bottom: 1px dashed transparent
}

.flow-sketch-view .sketch-node-log .log-item:hover .name {
    border-bottom-color: #d5d5d5
}

.workflow-chart .step-approve {
    background: #5cb85c
}

.workflow-title {
    line-height: 35px;
    padding: 8px 12px 0
}

.flowList {
    margin: 0
}

.workflows-container>.flow-form {
    height: 60px;
    line-height: 30px;
    margin: 10px 10px
}

.workflow-wrap>.step-container {
    padding: 10px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #999;
    border-bottom: 1px solid rgba(0,0,0,0.3)
}

.workflow-wrap>.step-container .currentStep {
    background-color: #dffcde
}

.entitybox.modal .fasten-approval .mCustomScrollbar .mCSB_container {
    padding-bottom: 30px
}

.wform-list li.form-placeholder,.formmanage-box li.form-placeholder {
    border: 1px dashed #ff7a8a;
    background: none!important;
    height: 120px
}

.flow-ctrl-length .username,.flow-ctrl-length .department {
    display: block!important
}

.wform-stat-content>.mCustomScrollBox>.mCSB_container {
    min-height: 100%
}

.wform-stat-content .wform-stat-table table {
    background: #fff
}

.wform-stat-table table th,.wform-stat-table table td {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.wform-stat-table table th {
    background: #f8f8f8
}

.wform-stat-tb table tr>th.ckx,.wform-stat-tb table tr>td.ckx {
    width: 16px;
    -webkit-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    text-align: center
}

.formstat-noresult {
    text-align: center;
    color: #ddd;
    font-size: 18px;
    position: absolute;
    top: 55px;
    left: 0;
    right: 0
}

.wform-column-modal .modal-footer .checkbox-inline {
    max-width: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.wform-column-list {
    font-size: 14px
}

.wform-column-list li {
    margin: 0!important;
    padding-left: 35px
}

.wform-column-list li label {
    display: block;
    padding: 10px 0
}

.wform-column-list li label .sn {
    margin-right: 4px
}

.wform-column-list .tip {
    font-size: 12px;
    color: #999;
    margin-left: 10px
}

.wform-column-content .wformcln-tip {
    border-bottom: 1px dashed #ddd
}

.stream-formdata {
    display: inline-block;
    vertical-align: middle;
    max-width: 200px;
    word-wrap: break-word;
    word-break: break-all
}

.form-horizontal .control-label {
    float: left;
    padding-top: 5px;
    text-align: right;
    width: 160px
}

.wform-cty-hd {
    margin: 10px .5% 0;
    height: 30px;
    cursor: move
}

.wform-cty-hd h4 {
    display: block;
    margin: 0;
    font-size: 14px;
    height: 30px;
    line-height: 30px
}

.wform-cty-hd:hover {
    border-bottom: 1px solid #ddd
}

.wform-cty-hd h4 .ctyname {
    cursor: text;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 220px
}

.wform-cty-hd h4 .ctyname .form-control {
    padding: 0;
    width: 220px
}

.wform-cty-hd .form-acount {
    color: #999;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: normal;
    margin-left: 3px
}

.wform-cty-hd h4>input,.wform-cty-hd h4>span {
    display: block;
    float: left
}

.wform-cty-hd h4,.wform-cty-hd span {
    float: left
}

.formcatetip {
    color: #999;
    display: block;
    height: 30px;
    line-height: 30px;
    opacity: 0;
    transition: all .25s ease 0s;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease
}

.wform-cty-hd .btn-delecategory {
    color: #f00;
    font-size: 16px;
    line-height: 1;
    margin: 0 4px;
    position: relative;
    bottom: -2px;
    font-weight: bold;
    text-decoration: none
}

.wform-sequence-view *:focus {
    outline: 0
}

.wform-sequence-view .conditionSet {
    padding: 10px 20px;
    position: relative;
    margin: 0 0 -5px 0
}

.wform-sequence-view .conditionSet .formfield-condition {
    padding: 0 70px 0 0
}

.wform-sequence-view .conditionSet>* {
    color: #666
}

.wform-sequence-view .conditionSet .formfield-select {
    float: left;
    margin: 0 10px 0 0
}

.wform-sequence-view .conditionSet>.conditionSet-btn {
    position: absolute;
    right: 20px;
    top: 12px
}

.wform-sequence-view .formField-condition .decrease-margin {
    margin-left: -15px
}

.wform-sequence-view span.numberCheck-span>*,.wform-sequence-view span.datetime-span>* {
    margin: 0 5px 0 0;
    font-size: 14px;
    vertical-align: middle
}

.wform-sequence-view .conditionSet input.numberCheck,.wform-sequence-view .conditionSet input.datetime {
    width: 100px
}

.wform-sequence-view .formField-condition>* {
    margin: 0 10px 0 0
}

.wform-sequence-view .conditionSet-btn i {
    border: 1px solid #999;
    border-radius: 50%;
    color: #999;
    display: inline-block;
    height: 24px;
    overflow: hidden;
    line-height: 22px;
    text-align: center;
    text-decoration: none;
    width: 24px;
    margin-top: 2px
}

.wform-sequence-view .conditionSet-btn i.icon-plus-thin {
    font-size: 18px
}

.wform-sequence-view .conditionSet-btn i:hover {
    border-color: #78c399;
    color: #78c399
}

.wform-sequence-view .conditionList {
    font-size: 12px;
    padding: 10px 0;
    min-height: 400px
}

.wform-sequence-view .conditionList:empty {
    display: none;
    min-height: 0
}

.wform-sequence-view .conditionList-wrap.mCustomScrollbar .mCSB_container {
    padding-bottom: 0
}

.wform-sequence-view .condition-line .conditionSet-btn {
    display: none;
    margin: 3px 18px 0 0
}

.wform-sequence-view .condition-line li:hover>.conditionSet-btn {
    display: block
}

.wform-sequence-view .conditionList>div:hover,.wform-sequence-view .conditionList>div.active {
    background-color: #f6f6f6
}

.wform-sequence-view .conditionList>.condition-line {
    cursor: pointer;
    line-height: 34px;
    width: 100%
}

.wform-sequence-view .conditionList li>* {
    margin: 0 10px 0 0;
    line-height: 23px;
    font-weight: normal;
    vertical-align: middle;
    display: inline
}

.wform-sequence-view .conditionList li>*.hide {
    display: none
}

.wform-sequence-view .conditionList li>.include-label {
    max-width: 150px
}

.wform-sequence-view .conditionSet .entity-item a {
    max-width: 100px
}

.wform-sequence-view .conditionSet .open.cdts-addmem-wgt .add-btn {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
    border-color: #ccc
}

.wform-sequence-view .remarks {
    font-size: 12px;
    color: #999;
    line-height: 23px
}

.wform-sequence-view .detail-actions>ul>li a i.icon-help {
    font-size: 16px;
    line-height: 50px;
    margin: 0 10px 0;
    top: 0
}

.wform-sequence-view .ispay-remind {
    left: 0;
    right: 0;
    position: fixed;
    top: 150px;
    text-align: center;
    bottom: 0;
    z-index: 999
}

.wform-sequence-view .sequence-log-opt {
    overflow: hidden
}

.wform-sequence-view .toolkit-list .toolkit-item .entity-item a {
    max-width: 100px
}

.wform-sequence-view .sequence-log-opt .toolkit-list>li {
    margin: 0 15px 10px 0;
    min-height: 32px
}

.entitybox.modal .wform-sequencelog-tab .mCustomScrollbar .mCSB_container {
    padding-bottom: 0
}

.wform-sequence-view .flow-conditon .module-help {
    left: 120px;
    top: 1px;
    right: inherit
}

.flow-steptimeout-modal .modal-body {
    max-height: 600px
}

.flow-steptimeout-modal .entity-info {
    max-height: 500px;
    padding: 20px;
    min-height: 456px
}

.flow-steptimeout-modal .entity-info .control-group .control-label {
    width: 80px
}

.flow-steptimeout-modal .entity-info .control-group .controls>span {
    vertical-align: middle
}

.flow-steptimeout-modal .entity-info .control-group .controls {
    margin-left: 90px
}

.flow-steptimeout-modal .entity-info .control-group .controls>* {
    vertical-align: middle;
    line-height: 30px;
    display: inline-block
}

.flow-steptimeout-modal .entity-info .control-group .controls>input.timeout-select {
    margin: 0 5px 0 0
}

.flow-steptimeout-modal .remind-ul>li {
    margin-bottom: 5px
}

.flow-steptimeout-modal .remind-ul>li span,.flow-steptimeout-modal .remind-ul>li input {
    vertical-align: middle;
    display: inline-block
}

.flow-steptimeout-modal .remind-ul>li span.item:not(:first-child) {
    margin-left: 10px
}

.flow-steptimeout-modal .remind-ul>li input[type="text"] {
    height: 24px;
    line-height: 22px;
    width: 50px;
    margin: 0 3px;
    text-align: center
}

.flow-steptimeout-modal .remind-ul>li input[type="checkbox"] {
    margin: 0 3px 0 0
}

.wform-datarule-config {
    position: relative;
    padding: 20px
}

.wform-datarule-config .entity-info .control-group:last-child,.wform-datarule-config .entity-info .control-group:only-child {
    border-bottom: 0
}

.wform-datarule-config .entity-info .control-group {
    padding: 3px 20px;
    min-height: 32px;
    line-height: 32px
}

.wform-datarule-config .entity-info .control-group>span,.wform-datarule-config .entity-info .control-group a {
    font-size: 12px;
    color: #999
}

.wform-datarule-config .entity-info .control-group a:link,.wform-datarule-config .entity-info .control-group a:hover,.wform-datarule-config .entity-info .control-group a:active,.wform-datarule-config .entity-info .control-group a:visited {
    text-decoration: none
}

.wform-datarule-config .entity-info .control-group.title {
    color: #666;
    font-weight: bold
}

.wform-datarule-config .entity-info li>* {
    display: block;
    float: left
}

.wform-datarule-config .entity-info .control-group.title:hover {
    background-color: #fff
}

.wform-datarule-config .entity-info .control-group .entity-item-add {
    display: inline-block;
    margin-top: 2px
}

.wform-datarule-config .entity-info .control-group .controls {
    margin-left: 0
}

.wform-datarule-config .entity-info .entity-item {
    vertical-align: top
}

.wform-datarule-config .entity-info .entity-item>a:first-child {
    font-size: 12px;
    max-width: 150px
}

.wform-datarule-config .sendback .entity-item>a:first-child,.wform-datarule-config .delete .entity-item>a:first-child {
    float: left;
    padding-right: 16px;
    max-width: 100%
}

.wform-datarule-config .entity-info .entity-item>a.close {
    font-size: 14px
}

.wform-datarule-config .sendback .entity-item>a.close,.wform-datarule-config .delete .entity-item>a.close {
    float: none;
    margin-right: 0;
    margin-left: -11px
}

.wform-datarule-config .sendback .entity-container,.wform-datarule-config .delete .entity-container {
    display: block;
    overflow: hidden
}

.wform-datarule-config .sendback .entity-item,.wform-datarule-config .delete .entity-item {
    display: block;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-right: 0;
    line-height: 30px
}

.wform-datarule-config .sendback .entity-item>a,.wform-datarule-config .delete .entity-item>a {
    float: left;
    margin-top: 0;
    margin-bottom: 0
}

.wform-datarule-modal .mCSB_container {
    padding-bottom: 290px
}

.wform-datarule-modal .nodata-li {
    min-height: 44px;
    line-height: 44px;
    color: #aaa;
    text-align: center;
    list-style: none
}

.wform-datarule-modal .nodata-li a {
    text-align: center;
    width: 100%
}

.wform-datarule-modal .toolkit-list {
    margin-top: 0;
    vertical-align: middle;
    display: inline-block
}

.wform-datarule-config {
    position: relative;
    padding: 20px
}

.wform-datarule-config .entity-info .control-group:last-child,.wform-datarule-config .entity-info .control-group:only-child {
    border-bottom: 0
}

.wform-datarule-config .entity-info .control-group {
    padding: 3px 20px;
    min-height: 32px;
    line-height: 32px
}

.wform-datarule-config .entity-info .control-group>span,.wform-datarule-config .entity-info .control-group a {
    font-size: 12px;
    color: #999
}

.wform-datarule-config .entity-info .control-group a:link,.wform-datarule-config .entity-info .control-group a:hover,.wform-datarule-config .entity-info .control-group a:active,.wform-datarule-config .entity-info .control-group a:visited {
    text-decoration: none
}

.wform-datarule-config .entity-info .control-group.title {
    color: #666;
    font-weight: bold
}

.wform-datarule-config .entity-info li>* {
    display: block;
    float: left
}

.wform-datarule-config .entity-info .control-group.title:hover {
    background-color: #fff
}

.wform-datarule-config .entity-info .control-group .entity-item-add {
    display: inline-block;
    margin-top: 2px
}

.wform-datarule-config .entity-info .control-group .controls {
    margin-left: 0
}

.wform-datarule-config .entity-info .entity-item {
    vertical-align: top
}

.wform-datarule-config .entity-info .entity-item>a:first-child {
    font-size: 12px;
    max-width: 150px
}

.wform-datarule-config .sendback .entity-item>a:first-child,.wform-datarule-config .delete .entity-item>a:first-child {
    float: left;
    padding-right: 16px;
    max-width: 100%
}

.wform-datarule-config .entity-info .entity-item>a.close {
    font-size: 14px
}

.wform-datarule-config .sendback .entity-item>a.close,.wform-datarule-config .delete .entity-item>a.close {
    float: none;
    margin-right: 0;
    margin-left: -11px
}

.wform-datarule-config .sendback .entity-container,.wform-datarule-config .delete .entity-container {
    display: block;
    overflow: hidden
}

.wform-datarule-config .sendback .entity-item,.wform-datarule-config .delete .entity-item {
    display: block;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-right: 0;
    line-height: 30px
}

.wform-datarule-config .sendback .entity-item>a,.wform-datarule-config .delete .entity-item>a {
    float: left;
    margin-top: 0;
    margin-bottom: 0
}

.wform-datarule-modal .mCSB_container {
    padding-bottom: 290px
}

.wform-datarule-modal .modal-body {
    max-height: 495px
}

.wform-datarule-modal .nodata-li {
    min-height: 44px;
    line-height: 44px;
    color: #aaa;
    text-align: center;
    list-style: none
}

.wform-datarule-modal .nodata-li a {
    text-align: center;
    width: 100%
}

.wform-datarule-modal .toolkit-list {
    margin-top: 0;
    vertical-align: middle;
    display: inline-block
}

.wform-datarule-edit {
    background-color: #fff
}

.wform-datarule-edit .edit-content>div {
    margin-bottom: 20px;
    color: #a1a1a1;
    line-height: 30px
}

.wform-datarule-edit .edit-content .step-one .dropdown,.wform-datarule-edit .edit-content .step-one .dropdown-menu {
    width: 160px;
    z-index: 101
}

.wform-datarule-edit .edit-content .step-one .dropdown-menu>li>a {
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.wform-datarule-edit .edit-content .flow-datastep .typeahead-search {
    display: none
}

.wform-datarule-edit .edit-content .flow-datastep input.typeahead {
    width: 140px
}

.wform-datarule-list ul {
    margin: 0 -10px
}

.wform-datarule-list ul>li {
    float: left;
    width: 50%;
    padding: 10px
}

.wform-datarule-list ul>li .list-box {
    border: 1px solid #e3e3e3;
    padding: 20px;
    height: 130px;
    background-color: #fff;
    position: relative;
    border-radius: 2px;
    transition: all .15s linear;
    -webkit-transition: all .15s linear;
    -ms-transition: all .15s linear;
    -o-transition: all .15s linear
}

.wform-datarule-list ul>li:hover .list-box {
    box-shadow: 5px 10px 12px rgba(0,0,0,0.13);
    -webkit-box-shadow: 5px 10px 12px rgba(0,0,0,0.13);
    -webkit-transform: translate3d(0,-2px,0);
    -ms-transform: translate3d(0,-2px,0);
    -moz-transform: translate3d(0,-2px,0);
    -o-transform: translate3d(0,-2px,0)
}

.wform-datarule-list ul>li .status-box {
    position: absolute;
    top: 21px;
    right: 20px
}

.wform-datarule-list .status-box>.del {
    color: #a0a0a0;
    padding-left: 8px;
    margin-left: 8px;
    position: relative
}

.wform-datarule-list .status-box>.del:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 13px;
    background-color: #bbb;
    left: 0;
    top: 3px
}

.wform-datarule-list .content {
    margin-bottom: 15px;
    max-width: 100%;
    padding-right: 82px;
    position: relative;
    overflow: hidden
}

.wform-datarule-list .content>span {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.wform-datarule-list .content>span:first-child {
    color: #a0a0a0;
    position: absolute;
    left: 0;
    top: 1px;
    max-width: 70px
}

.wform-datarule-list .content>span:last-child {
    color: #7a7a7a;
    max-width: 100%;
    padding-left: 75px
}

.wform-datarule-list .content>span:last-child>span+span {
    margin-left: 3px
}

.wform-datarule-list ul>li .list-add {
    border-style: dashed;
    cursor: pointer
}

.wform-datarule-list ul>li .list-add>div {
    text-align: center;
    padding-top: 2px
}

.wform-datarule-list ul>li .list-add span {
    display: inline-block;
    width: 100%
}

.wform-datarule-list ul>li .list-add i {
    color: #e8e8e8;
    font-size: 53px
}

.wform-datarule-list ul>li .list-add span:last-child {
    color: #adadad;
    letter-spacing: 1px
}

.ui-sortable .j_form-category {
    cursor: move
}

.module-detail-view .workflows-container,.wform-manage-wrapper .wform-manage-list:nth-of-type(2),.wform-manage-wrapper .wform-manage-list:nth-of-type(3) {
    padding-bottom: 170px
}

.modal .module-detail-view .workflows-container {
    padding-bottom: 0
}

.wformdata-table>thead>tr>th,.wformdata-table>tbody>tr>td,.wformdata-table>tfoot>tr>td {
    padding: 12px 10px;
    border-color: #eee;
    border-top-color: #ddd;
    border-width: 1px 1px 0 0;
    border-style: solid
}

.wformdata-table td,.wformdata-table th {
    overflow: hidden!important;
    white-space: nowrap;
    max-width: 220px;
    text-overflow: ellipsis
}

.wformdata-table>thead>tr>th>div {
    line-height: 22px;
    height: 22px
}

.wformdata-table thead th {
    position: relative
}

.wformdata-table thead th .txt {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 30px 0 0;
    max-width: 100%
}

.wformdata-table thead th span.sort-location {
    display: inline-block;
    width: 7px;
    height: 10px;
    top: 50%;
    position: absolute;
    margin: -7px 0 0 0;
    right: 10px
}

.wformdata-table thead .sorting_asc .sort-location {
    background: url(require("/static/img/global/sort_asc.png")) no-repeat
}

.wformdata-table thead .sorting_desc .sort-location {
    background: url(require("/static/img/global/sort_desc.png")) no-repeat
}

.wformdata-table thead .sorting .sort-location {
    background: url(require("/static/img/global/sort_both.png")) no-repeat;
    display: none
}

.wformdata-table thead .sorting:hover .sort-location {
    display: inline-block
}

@media(max-width: 1280px) {
    .flowreport.statsheet-view .filter {
        width:100%;
        padding: 5px;
        float: none;
        text-align: left;
        position: relative
    }
}

.flow-chartcontent {
    overflow: hidden
}

.flow-chartcontent>div {
    float: left
}

.flow-countdiv {
    height: 254px;
    width: 15%
}

.flow-countdiv>div {
    height: 33.33%;
    border-bottom: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    padding: 10px;
    border-left: 5px solid #fff;
    min-width: 150px
}

.flow-countdiv>div:last-child {
    border-bottom: 0
}

.flow-chartdiv {
    padding: 10px;
    width: 85%
}

.flow-countdiv>div>div {
    float: left
}

.flow-countdiv .countdiv-num {
    font-size: 40px;
    width: 50%;
    line-height: 64px;
    color: #999
}

.flow-countdiv>div.active {
    border-left: 5px solid #2dc3e8
}

.flow-countdiv>div.active .requestCountDiv {
    color: #3aec94
}

.flow-countdiv>div.active .finishedCountDiv {
    color: #5db2ff
}

.flow-countdiv>div.active .unfinishCountDiv {
    color: #f96
}

.flow-countdiv .countdiv-btn>* {
    display: block;
    margin: 0 10px
}

.flow-countdiv .countdiv-btn>span {
    color: #999
}

.flow-countdiv .countdiv-btn>.btn {
    color: #999
}

.flow-countdiv .countdiv-btn {
    width: 50%;
    line-height: 35px
}

.flow-chartdiv .rank-chart {
    width: 100%
}

.flow-efficient-stat .stat-main>div {
    float: left;
    height: 100%
}

.flow-efficient-stat .chart-div {
    width: 75%;
    padding: 10px
}

.flow-efficient-stat .chart-div>div.chart-stat {
    width: 100%;
    height: 100%
}

.flow-efficient-stat .table-div {
    width: 25%
}

.flow-efficient-stat .table-div table {
    table-layout: fixed;
    width: 100%
}

.flow-efficient-stat .table-div td,.flow-efficient-stat .table-div th {
    border-left: 1px solid #ddd;
    height: 45px;
    padding: 0 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

.flow-efficient-stat .table-div th {
    background: #f5f5f5;
    border-bottom: 1px solid #ddd
}

.flow-efficient-stat .table-div td {
    border-top: 1px solid #ddd
}

.flow-efficient-stat .table-div tr:first-child td {
    border-top: 0
}

.flow-efficient-stat .tt-suggestion .allflow {
    color: #2dc3e8;
    border-top: 1px solid #ededed
}

.flow-efficient-stat .tt-suggestion .allflow:hover,.flow-efficient-stat .tt-suggestion .allflow:focus {
    color: #fff
}

.flow-efficient-stat .stat-cdts .help-tips>a:link,.flow-efficient-stat .stat-cdts .help-tips>a:hover,.flow-efficient-stat .stat-cdts .help-tips>a:active,.flow-efficient-stat .stat-cdts .help-tips>a:visited {
    color: #999;
    text-decoration: none
}

.flow-reportlist-view .detail-actions>ul>li.help-li {
    width: 45px;
    text-align: center
}

.flow-reportlist-view .detail-actions .help-li>i {
    color: #999;
    display: inline-block;
    margin-top: 20px
}

.fasten-approval-view {
    padding: 10px 18px
}

.fasten-approval-svg {
    width: 395px;
    overflow: auto
}

.fasten-approval-info {
    width: 60%
}

.fasten-approval-info .mCSB_container {
    padding: 0 0 150px 10px
}

.fasten-approval-view .approver-line {
    position: relative;
    border: 1px solid #ebebeb;
    border-radius: 4px
}

.fasten-approval-view .approver-line .panel-heading {
    border-bottom: 0;
    padding: 0 25px
}

.fasten-approval-view .approver-line .panel-heading+.panel-heading {
    border-bottom: 1px solid #ebebeb;
    height: 27px;
    line-height: 20px;
    margin-top: -5px
}

.fasten-approval-view .approver-line .panel-tab2>li>a {
    height: 26px;
    padding: 0;
    margin: 0 14px;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.fasten-approval-view .approver-line .panel-tab2>li.active>a {
    border-color: #2dc3e8;
    color: #2dc3e8
}

.fasten-approval-view .approver-line .line-item {
    line-height: 30px;
    min-height: 45px;
    padding: 7px 12px 0 25px
}

.fasten-approval-view .step-container .approver-line .line-item-nodes {
    padding: 7px 12px 7px 25px
}

.fasten-approval-view .approver-line .line-item:last-child {
    border-bottom: 0
}

.fasten-approval-view .approver-line label {
    float: left;
    margin: 0;
    color: #999;
    white-space: nowrap;
    font-weight: bold;
    font-size: 12px
}

.fasten-approval-view .approver-line .controls {
    margin-left: 80px
}

.fasten-approval-view .step-container .approver-line .opt-item {
    width: 100%
}

.fasten-approval-view .approver-line .controls .tips {
    color: #999;
    font-size: 12px;
    margin-left: 5px
}

.fasten-approval-view .approver-line .orcheck-box {
    padding-bottom: 7px
}

.fasten-approval-view .approver-line .orcheck-box>.disabled {
    position: relative;
    color: #999
}

.fasten-approval-view .approver-line .orcheck-box>.disabled:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 16px;
    right: 0;
    z-index: 1
}

.fasten-approval-view .approver-line .orcheck-box input[type="radio"] {
    vertical-align: -2px
}

.fasten-approval-view .step-container .approver-line .node-control {
    padding-right: 0
}

.fasten-approval-view .step-container .approver-line .node-control .entity-container {
    margin-right: 0
}

.fasten-approval-view .step-container .approver-line .node-control .btn,.fasten-approval-view .step-container .approver-line .node-control .entity-item {
    margin-bottom: 3px
}

.fasten-approval-view .step-container .approver-line .superior-item {
    max-width: 100%
}

.fasten-approval-view .step-container .approver-line .reject-box {
    background: #f8f8f8;
    padding: 10px 15px;
    font-size: 12px
}

.fasten-approval-view .approver-line .reject-group label {
    font-weight: normal;
    color: #666
}

.fasten-approval-view .approver-line .reject-group label,.fasten-approval-view .approver-line .reject-group div {
    vertical-align: middle
}

.fasten-approval-view .approver-line .reject-group .options-radio+.options-radio {
    margin-left: 10px
}

.fasten-approval-view .step-container .approver-line .reject-box .options-radio i {
    color: #666;
    vertical-align: middle;
    margin-left: 3px;
    font-size: 12px
}

.fasten-approval-view .approver-line .reject-group .options-radio span,.fasten-approval-view .approver-line .reject-group .options-radio input {
    vertical-align: middle
}

.fasten-approval-view .approver-line .reject-group a.nodes-add {
    font-weight: normal;
    color: #999;
    width: 20px;
    height: 20px;
    border: 1px solid #999;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    font-size: 18px;
    vertical-align: middle
}

.fasten-approval-view .approver-line .reject-group a.nodes-add:hover {
    text-decoration: none;
    color: #666;
    border-color: #666
}

.fasten-approval-view .approver-line .reject-group .options-radio input+span {
    margin-left: 5px
}

.flow-chartedit-modal .passstepedit-main {
    padding: 20px
}

.flow-chartedit-modal .targetstep-tips {
    color: #999
}

.flow-chartedit-modal .passstepedit-main .detail-block {
    margin: 10px 0 0
}

.flow-chartedit-modal .entity-info .control-group .control-label {
    width: 13px
}

.flow-chartedit-modal .entity-info .control-group .control-label input {
    display: inline-block;
    vertical-align: -1px
}

.flow-chartedit-modal .entity-info .control-group .controls {
    margin-left: 18px;
    height: 30px;
    line-height: 30px
}

.step-container .approver-line .circle-line .line-right {
    margin: 0;
    background-color: #f8f8f8;
    padding: 10px 15px
}

.step-container .approver-line .line-right .details-box .explain {
    color: #999;
    font-size: 12px
}

.step-container .approver-line .line-right .details-box .entity-item {
    font-size: 14px
}

.step-container .approver-line .line-right .details-box .entity-item:hover>a {
    color: #5d9cec
}

.step-container .approver-line .node-control .entity-item {
    margin-right: 3px
}

.fasten-approval-view .step-container .approver-line .export-line {
    padding-top: 7px;
    margin: 0;
    border-top: 1px solid #eaeaea;
    cursor: move
}

.fasten-approval-view .step-container .approver-line .export-line:first-child {
    padding-top: 0;
    margin: 0;
    border-top: 0
}

.flow-selector-modal .selector-main {
    padding: 20px
}

.flow-selector-modal .selector-main .detail-block {
    border-bottom: 0;
    margin: 0
}

.flow-selector-modal .selector-main .control-group:last-child {
    border-bottom: 1px solid #e5e5e5
}

.flow-selector-modal .control-group .controls {
    min-height: 30px;
    line-height: 30px;
    margin-left: 85px
}

.step-container .approver-line .sequence-setting,.flow-selector-modal .sequence-setting {
    color: #999;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    cursor: pointer;
    font-size: 14px
}

.step-container .approver-line .sequence-setting:hover,.flow-selector-modal .sequence-setting:hover {
    color: #5d9cec;
    text-decoration: none
}

.flow-selector-modal .control-group .controls>span {
    overflow: hidden;
    display: block;
    float: left
}

.flow-selector-modal .operatortype .controls>span.disabled {
    opacity: .6;
    position: relative;
    cursor: initial
}

.flow-selector-modal .operatortype .controls>span.disabled:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.flow-selector-modal .control-group .controls>span:not(:last-child) {
    margin-right: 15px
}

.flow-selector-modal .control-group .controls>span>* {
    display: block;
    float: left
}

.flow-selector-modal .control-group .controls input {
    cursor: pointer
}

.flow-selector-modal .control-group.operatortype .controls input {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px
}

.flow-selector-modal .control-group .controls>span>input {
    margin-top: 9px;
    margin-right: 3px
}

.flow-selector-modal .control-group .controls>div {
    min-height: 31px;
    margin-bottom: 6px
}

.flow-selector-modal .control-group .controls .info-box {
    background-color: #f8f8f8;
    padding: 10px 15px
}

.flow-selector-modal .control-group .controls .info-box>.tips {
    display: block;
    width: 100%;
    color: #999;
    font-size: 12px
}

.flow-selector-modal .control-group .controls .entity-item-add {
    display: inline-block;
    margin-left: 5px
}

.flow-selector-modal .checkbox-inline {
    color: #888
}

.flow-selector-modal .line-opts .checkbox-inline {
    margin-right: 5px;
    width: 135px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.flow-selector-modal .line-opts .checkbox-inline.no-dropdown {
    width: auto
}

.wform-export-main {
    padding: 20px
}

.flow-exits-table li .item {
    height: 48px;
    line-height: 48px
}

.flow-exits-table .title .item>span {
    padding-left: 8px;
    font-size: 12px
}

.flow-exits-table .item>span {
    vertical-align: middle;
    line-height: 40px;
    height: 40px
}

.fasten-approval-view .flow-exits-table .item .form-control {
    height: 30px;
    margin-top: 9px
}

.flow-exits-table li .item .export-select.disabled {
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: transparent
}

.flow-exits-table .item>span.info,.flow-exits-table .item>span.info a {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.flow-exits-table .item-actions a,.flow-exits-table .item-actions a:hover {
    color: #999;
    text-decoration: none
}

.flow-exits-table .item-actions a i {
    font-size: 20px;
    color: #cacaca
}

.flow-exits-table .item a+a {
    margin-left: 5px
}

.flow-exits-table li .item {
    border-left: none
}

.flow-exits-table li {
    border-color: #ebebeb
}

.flow-exits-table li.title,.flow-exits-table .list>ul {
    border-color: #ebebeb
}

.fasten-approval-view .step-container .wform-condset-placeholder {
    border: 1px dashed #ff7a8a;
    height: 44px;
    background-color: transparent
}

.fasten-approval-view .step-container .approver-line .btn-delete-approver {
    top: 5px
}

.fasten-approval-view .step-container .approver-line .line-name {
    padding: 7px 50px 0 25px
}

.fasten-approval-view .approver-line .flow-node-name {
    margin-right: 4px;
    height: 24px;
    line-height: 24px;
    border: 0;
    border-bottom: 1px solid transparent;
    padding: 0;
    width: 100%;
    background: transparent
}

.fasten-approval-view .approver-line .flow-node-name:hover,.fasten-approval-view .approver-line .flow-node-name:focus {
    border-color: #66afe9
}

.fasten-approval-view .approver-line .flow-node-name[disabled],.fasten-approval-view .approver-line .flow-node-name[readonly] {
    border-color: transparent
}

.fasten-approval-view .approver-line .controls>.btn {
    line-height: 22px;
    height: 24px;
    padding: 0 8px;
    font-size: 14px
}

.fasten-approval-view .approver-line .form-control {
    height: 24px;
    line-height: 22px;
    padding-top: 0;
    padding-bottom: 0
}

.fasten-approval-view .approvers-if-edit {
    color: #999;
    font-size: 12px
}

.fasten-approval-view .approver-line .line-more {
    color: #999;
    font-size: 12px;
    padding: 6px;
    text-align: center;
    cursor: pointer
}

.fasten-approval-view .export-line .form-control {
    margin-top: 5px!important
}

.fasten-approval-view .step-container .approver-line .btn-delete-approver:hover {
    background: 0;
    color: #fb6e52
}

.entitybox.modal .fasten-approval-view .mCustomScrollbar .mCSB_container {
    padding-bottom: 170px;
    padding-left: 8px
}

.entitybox.modal .fasten-approval-view .tt-suggestion .mCSB_container {
    padding-left: 0
}

.wform-stat-content .formdata-table td.num>div {
    position: relative
}

.wform-stat-content .formdata-table td.num:hover input {
    display: inline-block
}

.wform-stat-content .formdata-table td.num.checked input {
    display: inline-block
}

.wform-stat-content .header {
    position: relative;
    z-index: 100;
    margin: 10px 0
}

.wform-stat-main .header>ul,.wform-stat-content .header>ul {
    display: block;
    width: 100%;
    padding: 0 20px 0 30px
}

.wform-stat-main .header {
    background: #fafafa;
    position: relative;
    border-bottom: 1px solid #eaeaea;
    min-height: 64px!important
}

.wform-stat-main .toolkit-box {
    position: absolute;
    top: 31px;
    left: 30px;
    z-index: 1;
    min-width: 250px
}

.wform-stat-main .header .module-help {
    top: 23px
}

.wform-stat-main .toolkit-box .toolkit-item-tab>a {
    padding: 0;
    margin-right: 10px;
    line-height: 30px;
    font-size: 14px!important
}

.wform-stat-main .toolkit-box .toolkit-item-tab {
    margin-top: 0;
    margin-bottom: 0;
    height: 30px
}

.wform-stat-main .toolkit-box .toolkit-list {
    height: 27px;
    line-height: 25px
}

.wform-stat-main .opt-box {
    position: absolute;
    right: 20px;
    top: 16px
}

.wform-stat-main .opt-box .toolkit-item>.btn:only-of-type {
    vertical-align: middle
}

.wform-stat-main .info-box {
    padding: 0 310px 0 20px;
    position: relative
}

.wform-stat-main .info-box .form-name {
    margin-top: 7px;
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 10px
}

.wform-stat-content .advance-search {
    background: #f7f7f7;
    min-height: 40px;
    margin-top: 50px;
    display: none
}

.wform-stat-main.flow-main .advance-search {
    margin-top: 26px;
    padding: 0
}

.wform-stat-main .header .form-name {
    font-size: 16px
}

.wform-stat-content .header .toolkit-item-tab>a>* {
    float: left
}

.wform-stat-content .header .toolkit-item-tab>a>span {
    font-weight: bold;
    color: #333;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 150px
}

.wform-stat-content .header .toolkit-item-tab>a>i {
    display: block;
    height: 46px;
    line-height: 46px
}

.wform-stat-content .statbody {
    position: relative
}

.wform-stat-content .loading_small {
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -85px
}

.flow-filed-permission .permission-table {
    border: 1px solid #efefef;
    font-weight: bold;
    line-height: 49px;
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
    width: 100%
}

.flow-filed-permission .permission-table .table-body {
    font-size: 12px;
    color: #999
}

.flow-filed-permission .permission-table .table-header .table-item {
    border: 0
}

.flow-filed-permission .permission-table .table-item {
    overflow: hidden;
    border-top: 1px solid #efefef
}

.flow-filed-permission .permission-table .table-item>div {
    float: left;
    padding: 0 16px;
    min-height: 49px
}

.flow-filed-permission .permission-table .table-item .col1 {
    width: 33.33%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.flow-filed-permission .permission-table .table-item .col2 {
    width: 33.33%
}

.flow-filed-permission .permission-table .table-item .col3 {
    width: 33.33%
}

.flow-filed-permission .permission-table .table-item-more {
    font-size: 12px;
    color: #999;
    cursor: pointer;
    text-align: center
}

.flow-filed-permission .permission-table .table-item-more:hover {
    color: #5d9cec;
    background: #f6f6f6
}

.flow-cc-view .main-box .add-box {
    display: block;
    height: 20px;
    width: 100%;
    text-align: right;
    margin-bottom: 10px
}

.flow-cc-view .main-box .add-box>a {
    color: #5cb85c;
    font-weight: normal
}

.flow-cc-view .main-box .add-box>a:hover,.flow-cc-view .main-box .add-box>a:active {
    text-decoration: none;
    color: #52a252
}

.flow-cc-view .sham-tab .item>a.delete {
    color: #c8c8c8;
    font-weight: bold
}

.flow-cc-view .sham-tab .item>a.delete:hover {
    text-decoration: none
}

.flow-cc-view .sham-tab li.title .item span {
    color: #969696
}

.flow-cc-view .sham-tab .no-result {
    margin: 0;
    background-color: #fff;
    border-left: solid 1px #e2e2e2;
    border-right: solid 1px #e2e2e2;
    padding-bottom: 0
}

.flow-cc-view .add-ccperson-container {
    position: absolute;
    width: 480px;
    max-height: 480px;
    right: 60px;
    left: auto;
    top: 100px;
    padding: 20px;
    z-index: 20;
    border: 1px solid rgba(0,0,0,0.3);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
    box-shadow: 0 3px 7px rgba(0,0,0,0.3);
    background-color: #fff
}

.flow-cc-view .node-control span {
    max-width: 100%;
    overflow: hidden
}

.flow-cc-view .node-control span>a {
    color: #666;
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.flow-cc-view .node-control span>a:hover {
    text-decoration: none
}

.flow-cc-view .node-control>.btn {
    line-height: 22px;
    height: 24px;
    padding: 0 8px;
    font-size: 14px
}

.flow-cc-view .entity-info .control-group {
    padding: 0;
    border-bottom: 0;
    margin-top: 10px
}

.flow-cc-view .entity-info .control-group:first-child {
    margin-top: 0
}

.flow-cc-view .entity-info .control-group:hover {
    background-color: transparent
}

.flow-cc-view .entity-info .control-group .control-label {
    width: auto
}

.flow-cc-view .entity-info .control-group .controls {
    margin-left: 50px;
    min-height: 31px;
    line-height: 30px
}

.flow-cc-view .entity-info .controls input[type="checkbox"] {
    margin-top: 10px;
    cursor: pointer
}

.flow-cc-view .node-control .entity-container {
    display: block;
    overflow: auto
}

.flow-cc-view .node-control .entity-container:empty {
    display: none
}

.flow-cc-view .node-control .mCustomScrollbar .mCSB_container {
    padding-bottom: 0!important
}

.flow-cc-view .sham-tab li,.flow-cc-view .sham-tab li .item,.flow-cc-view .sham-tab li.title,.flow-cc-view .sham-tab .list>ul {
    border-color: #ebebeb
}

.flow-cc-view .add-ccperson-container .control-group>*,.flow-cc-view .add-ccperson-container .controls>* {
    vertical-align: middle
}

.flow-cc-view .add-ccperson-container input.typeahead[data-entity="employee"] {
    width: 125px
}

.flow-cc-view .add-ccperson-container .mCSB_container {
    padding-bottom: 220px!important
}

.flow-setentruster .view-main {
    width: 66.6667%
}

.flow-setentruster .view-main>div {
    position: relative
}

.flow-setentruster .view-side {
    width: 33.3333%;
    padding-left: 20px
}

@media(max-width: 1024px) {
    .flow-setentruster .view-main {
        width:100%
    }

    .flow-setentruster .view-side {
        width: 0;
        display: none
    }
}

.flow-setentruster .setentruster-table>thead>tr>th {
    vertical-align: middle;
    color: #666;
    background: #eee
}

.flow-setentruster .setentruster-table>tbody>tr:hover,.flow-setentruster .setentruster-table>tbody>tr.hover {
    background: #f5f5f5
}

.setentruster-table td>div,.setentruster-table th>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.setentruster-table tr {
    cursor: pointer
}

.setentruster-table td>span>a {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media(min-width: 1600px) {
    .setentruster-table td>div.name,.setentruster-table th>.name {
        min-width:150px
    }
}

.setentruster-table td>div.status,.setentruster-table th>div.status {
    min-width: 100px
}

.flow-setentruster .opt-box>* {
    display: inline-block;
    float: right;
    margin: 0 0 0 10px
}

.flow-setentruster .opt-box>span {
    margin: 5px 0 0 0
}

.flow-setentruster .opt-box {
    width: 100%;
    margin: 0 0 10px 0;
    height: 30px
}

.flow-setentruster .table-box>table {
    table-layout: fixed
}

.flow-setentruster .opt-box>span>* {
    display: block;
    float: left
}

.flow-setentruster .opt-box>span>input {
    margin: 3px 0 0 0
}

.flow-setentruster .delete-box {
    background: #d5d5d5;
    color: #717171;
    z-index: 2;
    right: 10px;
    height: 37px;
    position: absolute;
    line-height: 37px;
    padding: 0 15px;
    display: none;
    cursor: pointer
}

.flow-setentruster .view-main.on .delete-box {
    display: block
}

.flow-setentruster .view-main.off .delete-box {
    display: none
}

.flow-setentruster .delete-box .watch>* {
    display: block;
    float: left
}

.flow-setentruster .delete-box .watch>i {
    margin: 12px 3px 0 0
}

.flow-setentruster .entrstHistory-view .opt-box>* {
    float: left
}

.wform-entrust-modal .modal-body {
    max-height: 440px
}

.wform-entrust-modal .mCSB_container {
    padding-bottom: 300px
}

.wform-entrust-config {
    padding: 20px
}

.wform-entrust-config .entity-item a:not(.btn) {
    line-height: 32px
}

.wform-entrust-config .entity-info .control-group .due-time-div>span {
    line-height: 32px
}

.wform-entrust-config .entity-info .control-group .control-label {
    line-height: 32px
}

.wform-entrust-config .entity-info .control-group .controls,.wform-entrust-config .entity-info .control-group .due-time-div {
    margin: 0 0 0 90px
}

.wform-entrust-config .entity-info .control-group .controls .entity-item {
    max-width: 100%
}

.wform-entrust-config .entity-info .control-group .controls .entity-item>a {
    max-width: 100%
}

.wform-entrust-config .entity-info .tt-suggestion .allflow {
    color: #2dc3e8;
    border-top: 1px solid #ededed
}

.wform-entrust-config .entity-info .tt-suggestion .allflow:hover,.wform-entrust-config .entity-info .tt-suggestion .allflow:focus {
    color: #fff
}

.selector-employee .modal-dialog {
    width: 950px;
    z-index: 9999
}

.wform-selector-view .modal-dialog {
    width: 800px
}

.wform-selector-view .modal-body {
    max-height: 525px;
    padding: 10px 15px
}

.wform-selector-view .selector-body {
    border: 1px solid #ddd;
    margin-top: 10px
}

.wform-selector-view .selector-tab {
    border-right: 1px solid #ddd;
    width: 150px
}

.wform-selector-view .selector-tab ul li a {
    line-height: 43px;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    padding: 0 18px;
    color: #999
}

.wform-selector-view .selector-tab ul li.active a {
    color: #fff;
    background: #2dc3e8
}

.wform-selector-view .search-result ul {
    display: none
}

.wform-selector-view .search-result ul.active {
    display: block
}

.wform-selector-view .no-relevance-record {
    text-align: center;
    color: #aaa;
    list-style: none
}

.wform-selector-view .search-result ul .num {
    height: 100%;
    width: 24px;
    margin: 0 10px;
    text-align: center;
    display: inline-block
}

.wform-selector-view .result-li .num {
    margin: 0 10px
}

.wform-selector-view .selected-box {
    color: #666
}

.wform-selector-view .selected-text {
    width: 60px;
    position: fixed
}

.wform-selector-view .selected-container {
    font-size: 0;
    padding: 0 0 0 60px
}

.wform-selector-view .selected-container>span {
    display: inline-block;
    font-size: 14px;
    margin: 0 10px 0 0
}

.wform-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #fff;
    opacity: .5;
    -webkit-filter: blur(1px);
    filter: alpha(opacity=90)
}

.wform-opt-loading {
    position: absolute;
    top: 50%;
    width: 32px;
    margin: -200px 0 0 -16px;
    z-index: 2000;
    height: 400px;
    left: 50%
}

.wform-opt-loading>div {
    display: block!important
}

.application-icons-view .icons-dropdown {
    display: inline-block;
    vertical-align: top
}

.application-icons-view .icons-selected {
    line-height: 30px;
    padding: 0 10px;
    border-radius: 3px 3px 0 0;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: transparent;
    display: inline-block
}

.application-icons-view .icons-selected img,.application-icons-view .icons-container img {
    height: 16px;
    width: 16px
}

.application-icons-view .icons-dropdown:hover .icons-selected {
    background: #fff;
    border-color: #d5d5d5;
    z-index: 101
}

.application-icons-view .icons-selected i {
    margin-left: 5px;
    color: #ddd;
    vertical-align: middle
}

.application-icons-view .dropdown-contentshow {
    width: auto;
    padding: 10px
}

.application-icons-view .icons-container {
    width: 431px;
    overflow: hidden;
    border: 1px solid #f0f0f0
}

.application-icons-view .icons-container .icons-inner {
    font-size: 0;
    width: 432px;
    margin-bottom: -1px
}

.application-icons-view .icons-container span {
    display: inline-block;
    padding: 5px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #f0f0f0
}

.application-icons-view .icons-container span:hover {
    background: #f1f1f1
}

.flow-main .main-sidebar {
    position: relative
}

.flow-main .siderbar-ctrl-btn {
    top: 49px;
    position: absolute
}

.flow-main .main-hd-search {
    background: #f3f3f3;
    position: relative;
    border-bottom: 1px solid #d5d5d5;
    min-height: 50px;
    padding: 10px 0 0 0
}

.flow-main .main-hd-search>ul {
    display: block;
    width: 100%;
    padding: 0 20px;
    margin-bottom: 10px;
    position: relative
}

.flow-main .main-hd-search>ul .search-group.disabled>input,.flow-main .main-hd-search>ul .search-group.disabled>a {
    opacity: .5
}

.flow-main .main-hd-search>ul .search-group.disabled:after {
    position: absolute;
    content: "";
    left: 0;
    right: 30px;
    top: 0;
    bottom: 0;
    z-index: 11111
}

.flow-main .main-hd-search .advance-search {
    background: #f7f7f7;
    min-height: 40px;
    display: none
}

.flow-main .main-hd-search .sch-wrapper {
    padding: 20px 20px 0 20px
}

.flow-main .main-hd-search>ul.noclick li.li-noclick {
    position: relative
}

.flow-main .main-hd-search>ul.noclick li.li-noclick:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1
}

.flow-main .main-hd-search>ul.noclick i.icon-checkbox-unchecked.disabled {
    opacity: .65
}

.flow-multiple-table li.title .item {
    position: relative
}

.flow-multiple-table li.title .item .ico-tip {
    color: #999;
    position: absolute;
    right: 6px;
    top: 1px
}

.flow-main-modal .control-group:hover {
    background-color: transparent
}

.flow-menu-setting .swicth-set-list {
    padding: 0 20px
}

.flow-menu-setting .swicth-set-list .list-item,.flow-menu-setting .swicth-set-list .list-title {
    padding: 9px 0
}

.swicth-set-list .list-title .remind-help {
    color: #999;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle
}

.swicth-set-list .list-title .remind-help i {
    vertical-align: middle
}

.swicth-set-list .list-title .remind-help:hover {
    text-decoration: none
}

.flow-menu-setting .swicth-set-list .list-title>span,.flow-menu-setting .swicth-set-list .list-title>i {
    display: inline-block;
    vertical-align: middle
}

.flow-menu-setting .swicth-set-list .list-title>i {
    margin-left: 5px
}

.flow-menu-setting .swicth-set-list .list-item {
    color: #666
}

.modal-flow-version p.version-txt {
    margin-bottom: 20px;
    color: #666;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top
}

.modal-flow-version .modal-dialog {
    margin: 200px auto
}

.modal-flow-version .modal-content {
    padding: 40px 20px;
    border-radius: 15px
}

.modal-flow-version .btn {
    width: 125px;
    text-align: center;
    height: 40px;
    line-height: 25px
}

.modal-flow-version .btn_y {
    background: #fb9933;
    border-color: #fb9933
}

.modal-flow-version .btn_y:hover {
    background: #e98114
}

.modal-flow-version .btn_n {
    background: #2985dd;
    border-color: #2985dd;
    color: #fff
}

.modal-flow-version .btn_n:hover {
    background: #1478d8
}

.modal-flow-version .version-box {
    overflow: hidden;
    width: 358px;
    margin: 0 auto
}

.modal-flow-version .version-box .item {
    float: left;
    width: 50%;
    text-align: center
}

.modal-flow-version .version-box img {
    width: 99px;
    height: 99px
}

.modal-flow-version .version-box .item .txt {
    padding: 15px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.wform-manage-wrapper .formstat-tabtip {
    font-size: 12px;
    color: #aaa;
    float: left;
    margin: 6px 0 0 15px
}

.flowchart-preview-modal .flow-chart-scale {
    position: fixed;
    right: 20px;
    bottom: 100px
}

.flowchart-preview-modal .flow-chart-scale a:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    bottom: 0;
    opacity: .5
}

.flowchart-preview-modal .flow-chart-scale a {
    display: block;
    position: relative;
    width: 34px;
    height: 34px;
    color: #999;
    transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    border: 1px solid #e4e4e4
}

.flowchart-preview-modal .flow-chart-scale a:hover {
    color: #666;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1)
}

.flowchart-preview-modal .flow-chart-scale a:hover::after {
    opacity: .8
}

.flowchart-preview-modal .flow-chart-scale a+a {
    margin-top: 2px
}

.flowchart-preview-modal .flow-chart-scale a i {
    position: absolute;
    z-index: 1;
    font-size: 16px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.page-flowchart {
    overflow: visible
}

#flowtemp {
    display: none
}

.flowchart-content {
    -webkit-transition: all .25s linear;
    transition: all .25s linear;
    transform-origin: 50% 0
}

.flowchart-editview .flowchart-content {
    margin-left: 131px;
    margin-top: 46px;
    padding-bottom: 300px
}

.flowchart-view .chart-zoomer {
    position: fixed;
    bottom: 50px;
    right: 20px;
    z-index: 100
}

.flowchart-header {
    padding: 8px 15px;
    background-color: rgba(255,255,255,.94);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.15);
    box-shadow: 0 1px 5px rgba(0,0,0,.15);
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 500
}

.flowchart-header .btn {
    vertical-align: top
}

.flowchart-header.disabled .header-options>a:not(.animation-check):not(.animation-clear) {
    opacity: .5
}

.flowchart-header .header-title {
    font-size: 16px;
    line-height: 30px
}

.flowchart-dashboard {
    background: #f8f8f8;
    position: fixed;
    top: 47px;
    left: 0;
    z-index: 501;
    border-right: 1px solid #e2e2e2;
    bottom: 0;
    width: 131px;
    text-align: center;
    padding: 16px 15px
}

.flowchart-dashboard .builder {
    overflow: hidden
}

.flowchart-dashboard.disabled .flowchart-dashboard-mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1111;
    background: #fff;
    opacity: .5
}

.flowchart-dashboard .btn {
    color: #999
}

.flowchart-dashboard .btn:hover {
    color: #666
}

.flowchart-dashboard .builder .title {
    color: #999;
    padding: 22px 0 15px;
    font-size: 12px
}

.flowchart-dashboard .builder .title .help-tips,.flowchart-dashboard .builder .title .help-tips:hover {
    color: #666
}

.flowchart-dashboard .builder .title .help-tips:hover {
    text-decoration: none
}

.flowchart-dashboard .builder .title .help-tips i {
    display: inline-block;
    vertical-align: -1px
}

.flowchart-dashboard .builder .widgets {
    width: 80px;
    margin: 0 auto
}

.flowchart-dashboard .builder .btn i {
    font-size: 26px;
    display: block;
    margin: 9px
}

.flowchart-dashboard .builder-assist .btn i {
    font-size: 16px;
    margin: 7px auto
}

.flowchart-dashboard .builder-assist .item-shuntend i {
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
    -webkit-transform-origin: center center;
    -o-transform-origin: center center
}

.flowchart-dashboard .builder .btn {
    height: 74px;
    width: 74px;
    padding-top: 10px;
    margin-bottom: 8px
}

.flowchart-dashboard .builder-assist .btn {
    width: 34px;
    height: 34px;
    vertical-align: top;
    padding: 0
}

.flowchart-dashboard .builder-assist .btn-node {
    height: 74px;
    width: 74px;
    padding: 10px
}

.flowchart-dashboard .builder-assist .btn img {
    height: 20px;
    width: 20px;
    vertical-align: top;
    margin-top: 7px
}

.flowchart-dashboard .builder-assist .btn-node img {
    height: 52px;
    width: 52px;
    margin-top: 0
}

.flowchart-dashboard .builder-assist .item {
    width: 50%;
    float: left
}

.flowchart-dashboard .menu-reverse {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.flowchart-process-view {
    position: relative
}

.flowchart-view .process-step {
    position: absolute;
    cursor: move;
    border-radius: 3px;
    margin-bottom: 20px;
    width: 170px;
    height: 62px;
    line-height: 30px;
    color: #0e76a8;
    top: 305px;
    left: 255px;
    background: #24b7e5;
    border: 1px solid #24b7e5
}

.flowchart-view .flowchart-process-view .process-step div {
    z-index: 11
}

.flowchart-view .flowchart-process-view .process-path {
    z-index: 11
}

.flowchart-view .process-step .process-title {
    background: #fff;
    text-align: center;
    overflow: hidden;
    border-radius: 3px 3px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666;
    line-height: 28px!important;
    padding: 0 20px 0 10px;
    text-indent: 10px;
    position: relative
}

.flowchart-view .process-step .process-title .chartlogo {
    position: absolute;
    right: 3px;
    top: 1px;
    color: #999
}

.flowchart-view .process-step .process-title.ico-two {
    padding-right: 35px;
    text-indent: 25px
}

.flowchart-view .process-step .process-actions {
    position: absolute;
    top: -24px;
    right: 5px;
    white-space: nowrap;
    line-height: 24px;
    display: none
}

.flowchart-view .process-step:hover .process-actions {
    display: block
}

.flowchart-view .process-step .process-actions .action-item {
    color: #999;
    padding: 0 5px;
    display: inline-block;
    vertical-align: top;
    text-decoration: none
}

.flowchart-view .process-step .process-actions .action-item:hover {
    color: #666
}

.flowchart-view .process-step .process-content {
    min-height: 30px;
    color: #fff;
    padding: 0 10px
}

.flowchart-view .process-step .process-content>* {
    font-size: 14px
}

.flowchart-view .process-step .process-content .prefix {
    float: left;
    width: 58px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.flowchart-view .process-step .process-content .operators {
    margin-left: 58px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.flowchart-view .process-step .process-content .operators span:not(:last-child):after {
    content: '，'
}

.flowchart-process-view .process-path-label {
    background: #fff;
    padding: 3px 5px;
    border-radius: 3px;
    color: #999!important;
    font-size: 12px;
    white-space: nowrap;
    position: relative;
    z-index: 11
}

.flowchart-process-view .process-path-label .label-actions {
    position: absolute;
    display: none;
    left: 100%;
    top: 0;
    padding-left: 15px;
    padding-right: 5px
}

.flowchart-process-view .process-path-label .label-actions:after {
    content: '';
    background: #fff;
    border-radius: 3px;
    padding: 0 3px;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    right: 0;
    left: 10px;
    box-shadow: 0 0 3px rgba(0,0,0,0.15)
}

.flowchart-process-view .process-path-label .label-actions:before {
    content: '';
    height: 6px;
    width: 6px;
    position: absolute;
    background: #fff;
    transform: rotate(45deg);
    left: 7px;
    top: 8px;
    z-index: 3
}

.flowchart-process-view .process-path-label .label-actions .action-item {
    color: #999;
    padding: 6px 3px 5px;
    display: inline-block;
    text-decoration: none;
    position: relative;
    z-index: 2
}

.flowchart-process-view .process-path-label .label-actions .action-item:hover {
    color: #666
}

.flowchart-process-view .process-path-label.jtk-hover .label-actions {
    display: block
}

.flowchart-process-view .process-step:hover,.flowchart-process-view .process-path-label:hover {
    z-index: 999
}

.flowchart-process-view .process-path-label.jtk-hover {
    background-color: #28d9ad!important;
    color: #fff!important
}

.flowchart-process-view .process-path-label.path-hover {
    background-color: #28d9ad!important;
    color: #fff!important
}

.flowchart-view .process-step .process-flag {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    line-height: 24px;
    height: 24px;
    width: 24px;
    background: #fff;
    text-align: center;
    border-radius: 50%;
    display: none;
    z-index: 1
}

.flowchart-view .process-step:hover .process-flag {
    display: block
}

.flowchart-view .progress-step-log {
    position: absolute;
    min-width: 200px;
    max-width: 350px;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    background: #fff;
    position: absolute;
    z-index: 10;
    font-size: 12px;
    color: #666;
    -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.15);
    -moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.15);
    -ms-box-shadow: 3px 3px 10px rgba(0,0,0,0.15);
    box-shadow: 3px 3px 10px rgba(0,0,0,0.15);
    z-index: 100
}

.flowchart-view .progress-step-log .hd {
    padding: 8px 30px 8px 15px;
    position: relative;
    background-color: #f5f5f5;
    font-weight: bold;
    white-space: nowrap
}

.flowchart-view .progress-step-log .hd span:not(:last-child):after {
    content: '，'
}

.flowchart-view .progress-step-log .hd>.log-title>span:hover {
    cursor: pointer
}

.flowchart-view .progress-step-log .hd>.log-title>span:hover,.flowchart-view .progress-step-log .hd>.log-title>span:focus,.flowchart-view .progress-step-log .hd>.log-title>span:active,.flowchart-view .progress-step-log .hd>.log-title>span.active {
    color: #5d9cec
}

.flowchart-view .progress-step-log .hd .close {
    position: absolute;
    right: 10px;
    font-size: 16px;
    top: 8px
}

.flowchart-view .progress-step-log .hd .close:hover {
    font-weight: bold
}

.flowchart-view .progress-step-log .bd {
    border-top: 1px solid #d5d5d5;
    padding: 8px 0
}

.flowchart-view .log-list-wrapper {
    max-height: 320px;
    overflow: auto
}

.flowchart-view .log-list-wrapper .mCSB_container {
    padding-bottom: 0!important
}

.flowchart-view .progress-step-log .log-item {
    padding: 4px 8px;
    margin: 0 7px;
    white-space: nowrap
}

.flowchart-view .progress-step-log .log-item:hover {
    background: #f6f6f6;
    border-radius: 3px
}

.flowchart-view .progress-step-log .log-item>div {
    padding: 0 5px;
    color: #999
}

.flowchart-view .progress-step-log .log-item>.name {
    font-size: 12px;
    padding-bottom: 2px;
    margin-bottom: 0;
    border-bottom: 1px dashed transparent
}

.flowchart-view .progress-step-log .log-item:hover .name {
    border-bottom-color: #d5d5d5
}

.flow-exits-table .title .item>span {
    padding: 0
}

.flowchart-sequence-tab {
    position: absolute;
    top: -41px;
    left: 16px
}

.flowchart-sequence-view .fasten-approval-view {
    padding: 0
}

.flowchart-sequence-view .fasten-approval-info {
    width: 100%
}

.flowchart-sequence-view .fasten-approval-view .approver-line {
    background: #fff;
    border: 0
}

.flowchart-sequence-view .fasten-approval-view .approver-line .line-item:hover {
    background: #f5f5f5
}

.flowchart-sequence-view .fasten-approval-view .approver-line:before {
    display: none
}

.flowchart-sequence-view .fasten-approval-view .approver-line .controls {
    margin-left: 62px
}

.flowchart-sequence-view .fasten-approval-view .approver-line label {
    font-size: 12px
}

.flowchart-sequence-view .flow-filed-permission {
    height: auto!important
}

.flowchart-sequence-view .wform-export-main {
    padding: 0
}

.flowchart-sequence-view .flow-filed-permission .permission-table {
    font-weight: normal
}

.flowchart-sequence-view .mCSB_container {
    min-height: 100%
}

.flowchart-conditions-view .condition-wrapper {
    padding: 5px 15px;
    border-bottom: 1px solid #ddd;
    background: #f8f8f8
}

.flowchart-conditions-view .condition-wrapper .wrapper-colum {
    padding: 5px
}

.flowchart-conditions-view .condition-wrapper .label {
    float: left;
    line-height: 30px;
    margin-right: 10px
}

.flowchart-conditions-view .condition-line {
    padding: 5px
}

.flowchart-conditions-view .condition-line .label {
    line-height: 30px;
    color: #999;
    font-size: 12px;
    font-weight: bold;
    margin-right: 5px
}

.flowchart-conditions-view .no-condition {
    color: #999;
    text-align: center;
    font-size: 12px;
    padding-top: 50px
}

.flowchart-sequence-view .fasten-approval-info .mCSB_container {
    padding: 0
}

.flowchart-sequence-view .flow-exits-table {
    text-align: center;
    margin: 20px
}

.flowchart-sequence-view .flow-exits-table a {
    color: #999
}

.flowchart-sequence-view .flow-exits-table a:hover {
    color: #5d9cec
}

.flowchart-sequence-view .flow-exits-table .item-setting a {
    text-decoration: underline
}

.flowchart-sequence-view .flow-exits-table .form-control {
    margin-top: 5px
}

.flowchart-sequence-view .flow-exits-table .item-actions a {
    display: inline-block;
    vertical-align: middle
}

.flowchart-sequence-view .flow-exits-table .item-actions a+a {
    margin-left: 5px
}

.flowchart-sequence-view .flow-exits-table .item-actions a:hover i {
    color: #5d9cec
}

.flow-filed-permission .permission-box {
    padding: 20px
}

.flow-filed-permission .mCSB_container {
    padding: 0
}

.flowchart-sequence-view .fasten-approval-view .approver-line .panel-tab2>li>a {
    height: auto
}

.flowchart-view .flowchart-process-view .jtk-hover {
    z-index: 10
}

.flowchart-view .flowchart-process-view .zindex {
    z-index: 10
}

.flowchart-view .progress-step-log .round-item {
    margin-top: 10px;
    color: #333;
    font-size: 12px
}

.flowchart-conditions-view .wform-sequence-view .conditionSet {
    margin: 0
}

.flowchart-conditions-view .wform-sequence-view .conditionSet>.conditionSet-btn {
    right: 5px;
    top: 4px
}

.flowchart-guide-panel {
    position: fixed;
    top: 47px;
    background: #f7f7f7;
    bottom: 0;
    right: 0;
    width: 301px;
    z-index: 1000;
    box-shadow: -2px 2px 5px rgba(0,0,0,0.15);
    color: #555;
    -webkit-transform: translateX(120%);
    -ms-transform: translateX(120%);
    transform: translateX(120%);
    -webkit-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease
}

.flowchart-guide-panel.on {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.flowchart-guide-panel .panel-head {
    line-height: 40px;
    padding: 0 20px;
    font-weight: bold;
    text-align: center;
    position: relative
}

.flowchart-guide-panel .panel-head .close-holder {
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 20px;
    color: #999;
    text-decoration: none
}

.flowchart-guide-panel .panel-head .close-holder:hover {
    color: #666
}

.flowchart-guide-panel .panel-head:after {
    position: absolute;
    content: " ";
    bottom: 0;
    height: 1px;
    left: 15px;
    right: 15px;
    background-color: #e5e5e5
}

.flowchart-guide-panel .panel-body {
    padding: 15px;
    font-size: 12px;
    color: #666
}

.flowchart-guide-panel .panel-body img {
    max-width: 100%;
    vertical-align: top
}

.flowchart-view .process-step:before {
    content: '';
    position: absolute;
    top: -17px;
    left: -17px;
    bottom: -17px;
    right: -17px;
    z-index: 11
}

.flowchart-view .flowchart-process-view .process-anchor {
    visibility: hidden
}

.flowchart-view .flowchart-process-view .process-step:hover .process-anchor {
    visibility: visible
}

.flowchart-view .flowchart-process-view [class^="process-arrow"],.flowchart-view .flowchart-process-view [class*="process-arrow"] {
    position: absolute;
    border-style: solid;
    border-color: transparent;
    border-width: 8px;
    cursor: auto
}

.flowchart-view .flowchart-process-view .process-arrow {
    cursor: pointer
}

.flowchart-view .flowchart-process-view .process-arrow-top,.flowchart-view .flowchart-process-view .process-arrow-bottom {
    left: 50%;
    margin-left: -8px
}

.flowchart-view .flowchart-process-view .process-arrow-left,.flowchart-view .flowchart-process-view .process-arrow-right {
    top: 50%;
    margin-top: -8px
}

.flowchart-view .flowchart-process-view .process-arrow-top {
    top: -16px;
    border-top-width: 4px;
    border-bottom-color: #eea6af
}

.flowchart-view .flowchart-process-view .process-arrow-bottom {
    bottom: -16px;
    border-bottom-width: 4px;
    border-top-color: #eea6af
}

.flowchart-view .flowchart-process-view .process-arrow-left {
    left: -16px;
    border-left-width: 4px;
    border-right-color: #eea6af
}

.flowchart-view .flowchart-process-view .process-arrow-right {
    right: -16px;
    border-right-width: 4px;
    border-left-color: #eea6af
}

.flowchart-view .flowchart-process-view .process-arrow-top:hover {
    border-bottom-color: #da7886
}

.flowchart-view .flowchart-process-view .process-arrow-bottom:hover {
    border-top-color: #da7886
}

.flowchart-view .flowchart-process-view .process-arrow-right:hover {
    border-left-color: #da7886
}

.flowchart-view .flowchart-process-view .process-arrow-left:hover {
    border-right-color: #da7886
}

.flowchart-view .flowchart-process-view .jtk-endpoint {
    z-index: 11
}

.flowchart-view .flowchart-group-item {
    position: absolute;
    width: 170px;
    height: 98px;
    border-radius: 4px;
    border: 1px dashed #f18686;
    color: #666;
    font-size: 12px;
    z-index: 10
}

.flowchart-view .flowchart-label-item {
    position: absolute;
    min-height: 30px;
    width: 170px;
    border: 1px solid transparent;
    color: #666;
    font-size: 12px;
    border-radius: 4px;
    z-index: 10
}

.flowchart-view .flowchart-label-item.ui-draggable.ui-resizable:hover {
    border-color: #78d093
}

.flowchart-view .flowchart-label-item .flowchart-label-text,.flowchart-view .flowchart-group-item .flowchart-group-text {
    text-align: center;
    line-height: 1.5;
    padding: 6px 10px;
    border-radius: 3px;
    word-wrap: break-word
}

.flowchart-view #flowchart-controls .height-zero {
    height: 0
}

.flowchart-view .flowchart-helpline-list {
    position: absolute
}

.flowchart-view .flowchart-helpline-x-list {
    width: 100%;
    height: 30px;
    top: 0;
    right: 0;
    left: 0;
    min-width: 170px;
    min-height: 30px
}

.flowchart-view .flowchart-helpline-y-list {
    width: 30px;
    height: 100%;
    top: 30px;
    left: 0;
    min-width: 30px;
    min-height: 170px
}

.flowchart-view .flowchart-helpline-item {
    border: 1px dashed #aaa;
    position: relative
}

.flowchart-view .flowchart-helpline-x-item,.flowchart-view .flowchart-helpline-x-holder {
    float: left;
    margin: -1px 0 0 -1px;
    padding: 0 10px;
    min-width: 170px
}

.flowchart-view .flowchart-helpline-x-holder {
    height: 30px;
    border: 1px dashed #aaa;
    background: #ddd
}

.flowchart-view .helpline-label {
    width: 100%;
    height: 100%;
    font-size: 12px;
    color: #999;
    text-align: center
}

.flowchart-view .helpline-label.cke_focus {
    position: relative;
    z-index: 10000
}

.flowchart-view .flowchart-helpline-x-item {
    text-align: center
}

.flowchart-view .flowchart-helpline-x-item .helpline-label:not(.hide) {
    line-height: 29px;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 10px;
    max-width: 100%
}

.flowchart-view .flowchart-helpline-y-item .helpline-label {
    line-height: 1.4;
    height: auto;
    padding: 0 8px;
    position: absolute;
    transform: rotate(90deg);
    transform-origin: 0 0;
    line-height: 30px;
    left: 30px;
    letter-spacing: 1px;
    overflow: hidden;
    white-space: nowrap;
    min-width: 168px
}

.flowchart-view .flowchart-helpline-item .helpline-label br {
    display: none
}

.flowchart-view .flowchart-helpline-item .helpline-label p {
    display: inline
}

.flowchart-widget-actions {
    display: none;
    position: absolute;
    top: -24px;
    right: -9px;
    height: 24px;
    line-height: 24px;
    padding: 0 10px
}

.flowchart-widget-actions a {
    color: #999;
    text-decoration: none
}

.flowchart-widget-actions a+a {
    margin-left: 5px
}

.flowchart-widget-actions a:hover {
    color: #666;
    text-decoration: none
}

.flowchart-group-item:hover .flowchart-widget-actions,.flowchart-label-item:hover .flowchart-widget-actions,.flowchart-helpline-x-item:hover .flowchart-widget-actions,.flowchart-helpline-y-item:hover .flowchart-widget-actions,.ui-draggable:hover .flowchart-widget-actions,.ui-draggable-dragging .flowchart-widget-actions,.ui-resizable-resizing .flowchart-widget-actions {
    display: block;
    z-index: 1000
}

.flowchart-helpline-x-item .flowchart-widget-actions {
    top: 29px;
    left: 50%;
    right: auto;
    margin-left: -27px
}

.flowchart-helpline-y-item .flowchart-widget-actions a {
    margin: 0;
    display: block
}

.flowchart-helpline-y-item .flowchart-widget-actions {
    top: 50%;
    width: 32px;
    right: -28px;
    height: auto;
    padding: 0 5px;
    text-align: center;
    margin-top: -26px;
    line-height: 1.2
}

.flowchart-view .flowchart-helpline-y-item,.flowchart-view .flowchart-helpline-y-holder {
    min-width: 30px;
    min-height: 170px
}

.flowchart-view .flowchart-helpline-y-holder {
    background: #ddd
}

.flowchart-view .flowchart-helpline-x-item .helpline-line {
    width: 2px;
    position: absolute!important;
    left: 100%;
    z-index: 11;
    border-left: 1px dashed #aaa
}

.flowchart-view .flowchart-helpline-y-item .helpline-line {
    position: absolute;
    height: 2px;
    left: 100%;
    z-index: 11;
    border-bottom: 1px dashed #aaa;
    bottom: -1px
}

.flowchart-view .flowchart-helpline-y-list .flowchart-helpline-item {
    margin: -1px 0 0 -1px;
    position: relative
}

.flowchart-view .helpline_droppable {
    border: 1px dashed #25b7e5;
    background-color: #e8f9ff
}

.flowchart-view .helpline_hover {
    background-color: #d8f5ff
}

.flowchart-view .flowchart-label-item .ui-resizable-handle,.flowchart-view .flowchart-group-item .ui-resizable-handle {
    height: 9px;
    width: 9px;
    border: 1px solid #999;
    background: #eee;
    opacity: 0
}

.flowchart-view .flowchart-label-item .ui-resizable-w,.flowchart-view .flowchart-label-item .ui-resizable-e,.flowchart-view .flowchart-group-item .ui-resizable-w,.flowchart-view .flowchart-group-item .ui-resizable-e {
    top: 50%;
    margin-top: -4px
}

.flowchart-view .flowchart-label-item .ui-resizable-se,.flowchart-view .flowchart-group-item .ui-resizable-se {
    bottom: -5px;
    right: -5px
}

.flowchart-view .flowchart-label-item .ui-resizable-s,.flowchart-view .flowchart-label-item .ui-resizable-n,.flowchart-view .flowchart-group-item .ui-resizable-s,.flowchart-view .flowchart-group-item .ui-resizable-n {
    left: 50%;
    margin-left: -4px
}

.flowchart-view .ui-resizable:hover .ui-resizable-handle,.flowchart-view .ui-resizable-resizing .ui-resizable-handle {
    opacity: 1
}

.flowchart-editview .flowchart-group-item .flowchart-group-text {
    word-break: break-all;
    word-wrap: break-word
}

.flowchart-editview .flowchart-group-item:hover,.flowchart-editview .flowchart-label-item:hover {
    cursor: move
}

.flowchart-editview .flowchart-group-item .flowchart-group-text:hover,.flowchart-editview .flowchart-label-item .flowchart-label-text:hover {
    cursor: text
}

.flowchart-view .toolkit-lg {
    height: 50px;
    line-height: 30px
}

.flowchart-view .toolkit-lg>.toolkit-list {
    width: 200px;
    position: absolute;
    left: 50%;
    top: 10px;
    margin-left: -100px
}

.flowchart-view .toolkit-lg>.toolkit-list>li {
    width: 46%;
    text-align: center;
    margin-right: 0!important
}

.flowchart-view .toolkit-lg>.toolkit-list>li+li {
    margin-left: 3%
}

.flowchart-view .toolkit-lg .name {
    max-width: 50%;
    padding-right: 120px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.flowchart-view .chart-log {
    padding: 20px 0 0 0
}

.flowchart-view .list-pc-main {
    padding: 0 20px 20px 20px
}

.flowchart-view .log-filter {
    width: 1000px;
    margin: 0 auto 10px auto
}

.flowchart-view .log-list {
    width: 1000px;
    margin: 0 auto
}

.flowchart-view .log-filter .toolkit-item span,.flowchart-view .log-filter .toolkit-item div,.flowchart-view .log-filter .toolkit-item select {
    float: left
}

.flowchart-view .log-filter .input-group {
    width: 120px
}

.flowchart-view .log-filter .input-group>input {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.flowchart-view .log-list {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    background-color: #fff
}

.flowchart-view .log-list li>div {
    float: left;
    height: 46px;
    padding: 10px;
    line-height: 26px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.flowchart-view .log-list li.hd {
    background-color: #f5f5f5;
    min-height: 46px;
    border-bottom: 1px solid #d5d5d5;
    font-weight: bold;
    position: relative
}

.flowchart-view .log-list-pc .mCSB_container {
    padding-bottom: 40px
}

.flowchart-view .log-list .title {
    width: 12%
}

.flowchart-view .log-list .user {
    width: 16%
}

.flowchart-view .log-list .status {
    width: 16%
}

.flowchart-view .log-list .time {
    width: 14%
}

.flowchart-view .log-sublist {
    clear: both
}

.flowchart-view .log-list .mark i {
    float: right;
    margin-top: 6px;
    margin-right: 20px
}

.flowchart-view .log-sublist>li {
    min-height: 46px;
    background-color: #fff;
    border-bottom: 1px solid #ebebeb
}

.flowchart-view .log-list>li:last-child li:last-child {
    border-bottom: 0
}

.flowchart-view .log-list .time span+span {
    margin-left: 5px
}

.flowchart-view .log-list>li>div {
    color: #666
}

.flowchart-view .log-list>li .opt {
    position: absolute;
    font-weight: normal;
    right: 10px;
    top: 0;
    font-size: 12px;
    padding-right: 14px;
    cursor: pointer
}

.flowchart-view .log-list>li .opt:after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-style: solid;
    border-width: 1px 1px 0 0;
    border-color: #9ca0a5;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transition: all .25s linear;
    -moz-transition: all .25s linear;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    top: 50%;
    margin-top: -3px;
    right: 1px
}

.flowchart-view .log-list>li .opt.open:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0
}

.flowchart-view .log-list>li>.title,.flowchart-view .log-list>li>span+span {
    color: #333
}

.flowchart-view .log-sublist .time {
    color: #999;
    font-size: 13px
}

.flowchart-view .log-list .error span:last-child,.flowchart-view .log-list .status span.error {
    color: #fb745d
}

.flowchart-view .log-list :not(.hd) .title span {
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding-right: 13px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.flowchart-view .log-list>li>.title span:after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-color: #94989e;
    border-style: solid;
    border-width: 1px 1px 0 0;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transition: all .25s linear;
    -moz-transition: all .25s linear;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    right: 1px;
    top: 50%;
    margin-top: -4px
}

.flowchart-view .log-list>li.open>.title span:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0
}

.flowchart-view .log-list .user>span {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 50%;
    overflow: hidden;
    vertical-align: top
}

.flowchart-view .log-list .user .info {
    color: #999;
    font-size: 12px
}

.flowchart-view .log-list .user .info span {
    width: 71%;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top
}

.flowchart-view .log-list .user>span {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 50%;
    overflow: hidden;
    vertical-align: top
}

.flowchart-view .log-list .hd .opt-time {
    padding-right: 45px
}

.flowchart-view .log-list>li:not(.hd) {
    position: relative;
    clear: both;
    min-height: 46px;
    background: #f2f7fa
}

.flowchart-view .log-list>li:not(.hd):after {
    background-color: #ebebeb;
    position: absolute;
    content: "";
    height: 1px;
    left: 0;
    right: 0;
    top: 46px
}

.flowchart-view .log-list-pc .no-data {
    width: 1000px;
    margin: 0 auto;
    background: #fff;
    text-align: center;
    height: 46px;
    padding: 10px;
    line-height: 26px;
    color: #999;
    border-color: #e2e2e2;
    border-style: solid;
    border-width: 0 1px 1px 1px
}

.flowchart-preview-modal.modal .modal-body {
    overflow: hidden
}

.flowchart-preview-modal.modal .modal-dialog {
    width: auto;
    left: 20px;
    right: 20px;
    margin: 0;
    top: 20px;
    bottom: 20px
}

.flowchart-preview-modal .chart-zoomer {
    display: none
}

.flowchart-preview-modal .flowchart-content {
    overflow: auto
}

.flowchart-modal-close {
    position: absolute;
    top: 9px;
    right: 13px
}

.flowchart-modal-close .close {
    font-size: 28px;
    font-weight: normal
}

.flowchart-view .process-shunt {
    position: absolute;
    width: 40px;
    height: 40px;
    cursor: move
}

.flowchart-view .process-shunt:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    border: 1px solid #ddd;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

.flowchart-view .process-shunt div {
    z-index: 11
}

.flowchart-view .process-shunt:before {
    content: '';
    position: absolute;
    top: -17px;
    left: -17px;
    bottom: -17px;
    right: -17px;
    z-index: 11
}

.flowchart-view .process-shunt .process-actions {
    position: absolute;
    top: -28px;
    right: -1px;
    white-space: nowrap;
    line-height: 24px;
    display: none
}

.flowchart-view .process-shunt:hover .process-actions {
    display: block
}

.flowchart-view .process-shunt .process-actions .action-item {
    color: #999;
    padding: 0 5px;
    display: inline-block;
    vertical-align: top;
    text-decoration: none
}

.flowchart-view .process-shunt .process-actions .action-item:hover {
    color: #666
}

.flowchart-view .process-shunt:hover .process-anchor {
    visibility: visible
}

.flowchart-view .process-shunt .process-ico {
    z-index: 12!important;
    position: relative;
    color: #999;
    width: 100%;
    height: 100%
}

.flowchart-view .process-shunt .process-ico i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    font-size: 15px
}

.flowchart-view .process-shuntend .process-ico i {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg)
}

.flowchart-view .process-shunt.normal:after {
    border-color: #24b7e5
}

.flowchart-view .process-shunt.normal .process-ico i {
    color: #24b7e5
}

.flowchart-view .process-shunt.error:after {
    border-color: #ed5664
}

.flowchart-view .process-shunt.error .process-ico i {
    color: #ed5664
}

.flowchart-view .process-shunt.warning:after {
    border-color: #ffcd50
}

.flowchart-view .process-shunt.warning .process-ico i {
    color: #ffcd50
}

.flowchart-view .process-shunt .process-arrow-top {
    top: -20px
}

.flowchart-view .process-shunt .process-arrow-bottom {
    bottom: -20px
}

.flowchart-view .process-shunt .process-arrow-left {
    left: -20px
}

.flowchart-view .process-shunt .process-arrow-right {
    right: -20px
}

.flowchart-console-view {
    background: #fff;
    color: #666;
    border-top: 1px solid #e2e2e2;
    z-index: 111;
    position: fixed;
    bottom: 0;
    left: 131px;
    right: 0
}

.flowchart-console-box {
    overflow-y: auto;
    height: 200px
}

.flowchart-console-view .console-info {
    padding: 10px;
    font-size: 12px;
    line-height: 22px
}

@charset "utf-8";.form-w50 {
    width: 50px
}

.form-w60 {
    width: 60px
}

.form-w70 {
    width: 70px
}

.form-w80 {
    width: 80px
}

.form-w80 {
    width: 90px
}

.form-w100 {
    width: 100px
}

.form-w110 {
    width: 110px
}

.form-w120 {
    width: 120px
}

.form-w130 {
    width: 130px
}

.form-w140 {
    width: 140px
}

.form-w150 {
    width: 150px
}

.form-w200 {
    width: 200px
}

.space-line {
    margin: 0 5px
}

.fs-10 {
    font-size: 10px!important
}

.fs-11 {
    font-size: 11px!important
}

.fs-12 {
    font-size: 12px!important
}

.fs-13 {
    font-size: 13px!important
}

.fs-14 {
    font-size: 14px!important
}

.fs-15 {
    font-size: 15px!important
}

.fs-16 {
    font-size: 16px!important
}

.fs-17 {
    font-size: 17px!important
}

.fs-18 {
    font-size: 18px!important
}

.fs-20 {
    font-size: 20px!important
}

.fs-22 {
    font-size: 22px!important
}

.fs-24 {
    font-size: 24px!important
}

.fs-26 {
    font-size: 26px!important
}

.fs-28 {
    font-size: 28px!important
}

.fs-30 {
    font-size: 30px!important
}

.lh-16 {
    line-height: 16px
}

.lh-18 {
    line-height: 18px
}

.lh-20 {
    line-height: 20px
}

.lh-22 {
    line-height: 22px
}

.lh-24 {
    line-height: 24px
}

.lh-26 {
    line-height: 26px
}

.lh-28 {
    line-height: 28px
}

.lh-30 {
    line-height: 30px
}

.lh-32 {
    line-height: 32px
}

.lh-34 {
    line-height: 34px
}

.lh-36 {
    line-height: 36px
}

.lh-38 {
    line-height: 38px
}

.lh-40 {
    line-height: 40px
}

.lh-42 {
    line-height: 42px
}

.lh-50 {
    line-height: 50px
}

.lh-400 {
    line-height: 400px
}

.form-hasIcon,.form-hasLabel {
    position: relative
}

.form-hasIcon>.form-icon,.form-hasLabel>.form-label {
    position: absolute
}

.form-hasIcon>.form-icon {
    font-size: 16px;
    top: 5px;
    right: 7px;
    color: #666
}

.form-hasIcon>.form-control {
    padding-right: 25px
}

.form-hasLabel>.form-control {
    padding-right: 70px
}

.form-hasLabel>.form-label {
    font-size: 12px;
    top: 7px;
    right: 10px;
    color: #999
}

label.radio,label.checkbox {
    font-weight: normal
}

.form-view ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.cke_editable.cke_editable_inline.cke_focus {
    background: none repeat scroll 0 0 #eee;
    box-shadow: 0 0 20px 3px #ddd inset,0 0 1px #000 inset;
    cursor: text;
    outline: medium none
}

.form-eui-scroll::-webkit-scrollbar-thumb,.form-eui-scroll::-webkit-scrollbar-thumb:horizontal,.form-eui-scroll::-webkit-scrollbar-thumb:vertical {
    background-color: rgba(35,95,186,0.35)
}

.form-eui-scroll::-webkit-scrollbar-thumb:hover {
    background-color: rgba(35,95,186,0.5)
}

.form-eui-scroll::-webkit-scrollbar-thumb:active {
    background-color: rgba(35,95,186,0.75)
}

.form-view-wrapper .mCSB_container {
    margin-right: 0
}

.form-view-wrapper .mCS-darkblue>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: rgba(255,255,255,.7);
    right: 1px
}

.form-view-bg {
    background-color: #d7e8ed;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.form-view {
    box-shadow: 0 0 5px rgba(0,0,0,0.4);
    min-height: 400px;
    background: #fff;
    margin: 15px;
    width: 770px
}

.form-view .form-head {
    padding: 20px 10px 12px;
    position: relative;
    word-wrap: break-word;
    word-break: break-all;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.form-view .form-head .form-name {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
    overflow: hidden;
    padding: 3px 110px 2px 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.form-view .form-head .form-description {
    color: #666;
    padding: 5px 10px
}

.form-view .form-head .form-description p {
    margin: 0
}

.form-view .widget-control {
    padding-bottom: 50px
}

.form-preview .form-view .widget-control {
    padding-bottom: 0;
    border-width: 0 1px 1px 1px;
    border-color: #ddd;
    border-style: solid
}

.form-view .form-foot {
    margin: 10px 0 0 0
}

.form-view .form-foot .btn {
    min-width: 80px
}

.form-view .field {
    padding: 8px 12px 8px;
    border: 1px dashed rgba(0,0,0,0);
    position: relative;
    background: #fff
}

.form-view .field.form-tablelayout-wrap {
    padding: 0
}

.form-view .field:after,.form-view .field:before {
    display: table;
    content: " ";
    clear: both
}

.form-view .field:hover {
    border-color: #999
}

.form-view .field-active {
    background: #fff8dc;
    border-color: #ddd
}

.form-view .form-placeholder,.form-view .form-placeholder-filed {
    height: 80px;
    border: 2px dashed #db4040
}

.form-view .form-layout {
    border-width: 1px 0;
    border-style: solid;
    border-color: #7fcdfd;
    position: relative;
    margin: 5px 0;
    background: #ecf9ff
}

.form-view .column-layout {
    display: table;
    width: 100%;
    table-layout: fixed
}

.form-view .column-layout .cell {
    display: table-cell;
    vertical-align: top;
    height: 51px;
    border-left: 1px solid #7fcdfd
}

.form-view .column-layout .cell:first-child {
    border-left: none!important
}

.form-view .two-columns .cell,.form-view .two-columns .cell .dropdown-menu {
    width: 50%
}

.form-view .three-columns .cell,.form-view .three-columns .cell .dropdown-menu {
    width: 33.33%
}

.field .entity-item a {
    display: inline-block;
    padding-right: 15px;
    white-space: nowrap
}

.field .entity-container .entity-item a {
    line-height: 28px
}

.field-description {
    border-top: 1px dashed #ccc;
    padding: 3px 0;
    color: #666;
    word-break: break-all
}

.field-hoz .field-description {
    border-bottom: 1px dashed #ccc;
    border-top: 0;
    margin-bottom: 10px
}

.field .field-position-content {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.field .field-position {
    width: 100%;
    max-width: 130px;
    padding: 7px 12px;
    border: 1px solid #d5d5d5;
    color: #2196f3;
    border-radius: 3px;
    cursor: pointer;
    position: relative
}

.field-position i {
    font-size: 17px;
    vertical-align: -2px;
    margin-right: 3px
}

.field-position span {
    font-size: 12px
}

body>.tangram-suggestion-main {
    z-index: 1111
}

.field .field-position-nobd {
    width: auto;
    border: 0;
    padding: 7px 0;
    max-width: none
}

.field .field-position-nobd span {
    color: #555;
    font-size: 14px;
    display: inline
}

.form-view .form-group {
    margin-bottom: 0
}

.form-view .widget-title {
    font-size: 14px;
    font-weight: 700;
    color: #555;
    display: block;
    cursor: default;
    word-wrap: break-word;
    word-break: break-all
}

.form-view .widget-content .input-instead {
    padding: 7px 10px 5px;
    line-height: 1.5;
    display: inline-block;
    vertical-align: -1px;
    word-break: break-all;
    word-wrap: break-word
}

.form-view .widget-content .input-instead:empty {
    display: none
}

.form-view .widget-content .input-instead.hide {
    display: none
}

.form-view .form-control[disabled] {
    background: #fff;
    cursor: default
}

.form-view textarea.form-control {
    resize: none!important;
    word-break: break-all
}

.form-view .field-hoz .widget-title {
    width: 80px;
    float: left;
    margin-top: 5px;
    text-align: right
}

.form-view .field-contact {
    background: #d9edf7;
    padding: 7px 0 10px 0;
    margin: 10px 0;
    border: 1px solid #ddd
}

.form-view .field-notitle.field-hoz .widget-title {
    width: 5px
}

.form-view .field-contact .widget-title {
    margin: 0;
    line-height: 30px
}

.form-view .field-hoz .widget-content {
    margin-left: 90px;
    position: relative;
    min-height: 30px
}

.form-view .field .advance-required {
    display: none
}

.form-view .field-hoz .widget-einvoice .no-data {
    display: inline-block;
    color: #999
}

.form-view .field-hoz .widget-einvoice .no-data.hide {
    display: none
}

.form-view .field-notitle.field-hoz .widget-content {
    margin-left: 21px
}

.form-view .field-notitle .field-description {
    border-top: 0
}

.form-view .field-hoz .widget-content .tt-suggestion .employee span {
    width: 85px
}

.form-view .text-code-field input {
    padding-right: 30px
}

.form-view .text-code-field .scan-code {
    width: 20px;
    height: 20px;
    background: url(/static/img/global/form-code.png) 20px/20px;
    display: inline-block;
    position: absolute;
    margin-left: -24px;
    margin-top: 5px
}

.form-view .text-code-field .scan-code:after {
    position: absolute;
    content: "";
    top: -5px;
    bottom: -5px;
    width: 1px;
    background: #ddd;
    margin-left: -5px
}

.edit .form-view input,.edit .form-view textarea,.edit .form-view select,.edit .form-amountbox {
    -webkit-transition: width .3s ease-in-out,height .3s ease-in-out;
    transition: width .3s ease-in-out,height .3s ease-in-out
}

.edit .field-serialnumber.form-view .field {
    height: 30px;
    line-height: 30px
}

.form-view .field .large,.form-view .field .large.combo-select-div {
    width: 100%
}

.form-view .field .medium,.form-view .field .medium.combo-select-div {
    width: 75%
}

.form-view .field .small,.form-view .field .small.combo-select-div {
    width: 50%
}

.form-view .field .input-group .large.form-control,.form-view .field .input-group .medium.form-control,.form-view .field .input-group .small.form-control {
    width: 100%
}

.form-view .field .input-group {
    position: relative
}

.form-view .field .input-group input.form-control {
    padding-right: 50px
}

.form-view .field .number-inputarea>input.form-control {
    padding-right: 10px
}

.form-view .field .input-group .input-group-addon {
    width: 45px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11;
    height: 30px;
    border-left: 1px solid #ddd;
    border-radius: 0
}

.form-view .field .input-group .form-control.hide {
    display: none
}

.form-view .field .large-box {
    width: 100%
}

.form-view .field .medium-box {
    width: 75%
}

.form-view .field .small-box {
    width: 50%
}

.form-view .field textarea.large {
    min-height: 200px
}

.form-view .field textarea.medium {
    min-height: 130px
}

.form-view .field textarea.small {
    min-height: 80px
}

.form-view .field textarea.large {
    min-height: 130px
}

.form-view .field textarea.medium {
    min-height: 100px
}

.form-view .field textarea.small {
    min-height: 80px
}

.form-view .field textarea.large {
    min-height: 100px
}

.form-view .field textarea.medium {
    min-height: 80px
}

.form-view .field textarea.small {
    min-height: 60px
}

.form-view .field .three-columns .field-hoz .form-timebox {
    width: 100%
}

.form-view .three-columns .field-hoz .form-timebox input {
    width: 100%
}

.form-view .two-columns .field-hoz .form-timebox-wrap .space-line,.form-view .three-columns .form-timebox-wrap .space-line,.form-view .one-three .form-timebox-wrap .space-line {
    text-indent: -9999px!important;
    height: 8px;
    display: block
}

.form-view .field .radio,.form-view .field .checkbox {
    margin-top: 0
}

.form-view .field .radio input[type="radio"],.form-view .field .radio-inline input[type="radio"],.form-view .field .checkbox input[type="checkbox"],.form-view .field .checkbox-inline input[type="checkbox"] {
    margin: 0 3px 0 -20px
}

.form-view .field .widget-content .choicelist {
    min-height: 30px;
    line-height: 30px
}

.form-view .field .widget-content select.choicelist {
    margin-top: 0
}

.form-view .field .form-databox .widget-einvoice .einvoice-list {
    margin-top: 2px
}

.form-view .field .choicelist li {
    display: block;
    font-weight: normal
}

.form-view .field .choicelist li:not(:empty)+li,.form-view .field .choicelist li:not(.hide)+li {
    margin-top: 1px
}

.form-view .field .choicelist-inline li:not(:empty)+li,.form-view .field .choicelist-inline li:not(.hide)+li {
    margin-top: 0
}

.form-view .field .choicelist li:empty {
    display: none
}

.form-view .field .choicelist li label {
    font-weight: normal;
    margin-bottom: 0
}

.form-view .field .choicelist li label input[type="checkbox"],.form-view .field .choicelist li label input[type="radio"] {
    cursor: default;
    font-weight: normal
}

.form-view .field .choicelist-inline li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0
}

.form-view .field .choicelist input[type="radio"],.form-view .field .choicelist input[type="checkbox"] {
    vertical-align: middle;
    margin: 0 5px 0 0;
    position: relative;
    top: 2px;
    vertical-align: baseline
}

.form-view .field .choicelist .input-otherchoice {
    margin: 0 4px;
    display: inline-block
}

.form-view .three-columns .choicelist .input-otherchoice,.form-view .one-three .choicelist .input-otherchoice,.form-view .three-columns .choicelist+.input-otherchoice {
    margin: 0
}

.form-view .field .choicelist+.input-otherchoice {
    margin-top: 3px;
    display: block
}

.form-view .field .two-columns .choicelist .input-otherchoice {
    width: 100%;
    margin: 0
}

.form-view .one-three .choicelist .input-otherchoice {
    width: 100%
}

.form-view .three-columns .small+.input-otherchoice,.form-view .field .form-databox-wrap .small+.input-otherchoice,.form-view .form-tablelayout-wrap .small+.input-otherchoice,.form-dropselector-view .small+.input-otherchoice,.form-view .small+.input-otherchoice {
    width: 50%
}

.form-view .three-columns .medium+.input-otherchoice,.form-view .field .form-databox-wrap .medium+.input-otherchoice,.form-view .form-tablelayout-wrap .medium+.input-otherchoice,.form-dropselector-view .medium+.input-otherchoice,.form-view .field .medium+.input-otherchoice {
    width: 75%
}

.form-view .three-columns .large+.input-otherchoice,.form-view .field .form-databox-wrap .large+.input-otherchoice,.form-view .form-tablelayout-wrap .large+.input-otherchoice,.form-dropselector-view .large+.input-otherchoice,.form-view .field .large+.input-otherchoice {
    width: 100%
}

.form-dropselector-view .bootstrap-select+.input-otherchoice {
    width: 100%
}

.form-view .three-columns .choicelist .input-otherchoice {
    width: 100%
}

.form-view .form-tablelayout-wrap .choicelist .input-otherchoice {
    margin: 0;
    width: 100%
}

.combo-selectlist {
    font-size: 0
}

.form-view .field .combo-selectlist.two-columns select,.form-view .two-columns .combo-select-div,.form-view .two-columns .combo-select-div .dropdown-menu {
    width: 49.5%;
    float: left
}

.combo-selectlist.two-columns select:first-child,.form-view .two-columns .combo-select-div:first-child {
    margin: 0 1% 0 0
}

.combo-selectlist.three-columns select,.form-view .three-columns .combo-select-div,.form-view .three-columns .combo-select-div .dropdown-menu {
    width: 32.6%;
    float: left
}

.form-view .two-columns .combo-select-div>input,.form-view .three-columns .combo-select-div>input {
    width: 100%;
    margin-top: 5px
}

.combo-selectlist.three-columns select:first-child,.form-view .three-columns .combo-select-div:first-child {
    margin: 0 1% 0 0
}

.combo-selectlist.three-columns select:last-child,.form-view .three-columns .combo-select-div:last-child {
    margin: 0 0 0 1%
}

.form-view .column-layout .combo-selectlist select,.form-view .field .form-databox .combo-selectlist select,.form-view .form-tablelayout .combo-selectlist select,.form-view .column-layout .combo-select-div,.form-view .field .form-databox .combo-select-div,.form-view .form-tablelayout .combo-select-div {
    width: 100%;
    margin: 5px 0 0 0!important
}

.form-view .column-layout .combo-select-div .dropdown-menu,.form-view .field .form-databox .combo-select-div .dropdown-menu,.form-view .form-tablelayout .combo-select-div .dropdown-menu,.form-view .bootstrap-select.btn-group .dropdown-menu,.form-dropselector-view .bootstrap-select.btn-group .dropdown-menu {
    width: 100%
}

.form-view .column-layout .combo-selectlist select:first-child,.form-view .field .form-databox .combo-selectlist select:first-child,.form-view .form-tablelayout .combo-selectlist select:first-child,.form-view .column-layout .combo-selectlist .combo-select-div:first-child,.form-view .field .form-databox .combo-selectlist .combo-select-div:first-child,.form-view .form-tablelayout .combo-selectlist .combo-select-div:first-child {
    margin: 0
}

.form-view .field .imageslist-inline.medium {
    width: 100%
}

.form-view .field .imageslist-inline li {
    display: inline-block;
    margin: 0 12px 12px 0
}

.form-view .field .imageoption-list li {
    margin: 0 12px 12px 0
}

.form-view .field .widget-content .input-instead-imageradio,.form-view .field .widget-content .input-instead-imagecheckbox {
    padding: 0
}

.form-view .field .imageslist-inline.choicelist-line li {
    display: block;
    font-weight: normal;
    margin: 0 0 10px 0
}

.form-view .field li.image-checkbox .box,.form-view li.image-radiobox .box {
    border: 1px solid #eaeaea;
    background: #fff;
    width: 144px
}

.form-view .field .image-checkbox img,.form-view .field .image-radiobox img {
    width: 150px;
    height: 100px;
    border-bottom: 1px solid #eaeaea
}

.form-view .field .image-checkbox .content,.form-view .field .image-radiobox .content {
    padding: 10px;
    color: #666
}

.form-view .field .image-checkbox .content>label,.form-view .field .image-radiobox .content>label {
    margin-bottom: 0
}

.form-view .field .image-checkbox .content input[type="checkbox"],.form-view .field .image-radiobox .content input[type="radio"] {
    margin: -2px 0 0 0
}

.form-view .field li.image-checkbox .content span,.form-view .field li.image-radiobox .content span {
    margin: 0 0 0 5px;
    width: 102px;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap
}

.form-view .field .divider-line,.form-Edit-content .divider-line {
    height: 0;
    margin-top: 5px;
    border-color: #999;
    border-width: 1px 0 0
}

.form-view .field .divider-line.solid,.form-view .field .divider-line.thicksolid,.form-view .field .divider-line.solid-double,.form-view .field .divider-line.thicksolid-double,.form-Edit-content .divider-line.solid,.form-Edit-content .divider-line.thicksolid,.form-Edit-content .divider-line.solid-double,.form-Edit-content .divider-line.thicksolid-double {
    border-style: solid
}

.form-view .field .divider-line.dashed,.form-view .field .divider-line.thickdashed,.form-Edit-content .divider-line.dashed,.form-Edit-content .divider-line.thickdashed {
    border-style: dashed
}

.form-view .field .divider-line.thicksolid,.form-view .field .divider-line.thickdashed,.form-Edit-content .divider-line.thicksolid,.form-Edit-content .divider-line.thickdashed {
    border-width: 2px 0 0
}

.form-view .field .divider-line.solid-double,.form-Edit-content .divider-line.solid-double {
    border-width: 1px 0;
    height: 3px
}

.form-view .field .divider-line.thicksolid-double,.form-Edit-content .divider-line.thicksolid-double {
    border-width: 2px 0;
    height: 5px
}

.form-view .field .m-type {
    font-size: 12px;
    color: #999;
    margin: 3px 0 0 3px;
    display: inline-block
}

.form-view .field .form-amountbox input {
    display: inline-block
}

.form-view .field .form-amountbox .large {
    width: 30%
}

.form-view .field .form-amountbox .medium {
    width: 18%
}

.form-view .field .form-amountbox .small {
    width: 12%
}

.form-view .two-columns .form-amountbox .large {
    width: 70%
}

.form-view .two-columns .form-amountbox .medium {
    width: 50%
}

.form-view .two-columns .form-amountbox .small {
    width: 30%
}

.form-view .three-columns .form-amountbox .large,.form-view .field .form-databox .form-amountbox .large {
    width: 56%
}

.form-view .three-columns .form-amountbox .medium,.form-view .field .form-databox .form-amountbox .medium {
    width: 45%
}

.form-view .three-columns .form-amountbox .small,.form-view .field .form-databox .form-amountbox .small {
    width: 25%
}

.form-view .field .form-monitorbox .form-control {
    width: 30%
}

.form-view .two-columns .form-monitorbox .form-control,.form-view .three-columns .form-monitorbox .form-control {
    width: 75%
}

.form-view .field .form-databox .form-monitorbox .form-control {
    width: 75%
}

.form-view .field .form-databox .one-three .form-monitorbox .form-control {
    width: 100%
}

.form-view .three-columns .field .space-line {
    display: block;
    text-indent: 65px
}

.form-view .field .form-timebox {
    max-width: 146px
}

.form-view .field .form-timebox input {
    width: 100%
}

.form-view .field .form-timebox .form-icon {
    display: none
}

.form-view .form-tablelayout-wrap .form-timebox {
    width: 140px
}

.form-view .field .employee-item {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    line-height: 30px;
    margin-right: 2px;
    max-width: 100%
}

.form-view .field .employee-item a {
    display: inline-block;
    vertical-align: middle;
    padding-right: 18px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.form-view .field .employee-item i {
    color: #51a351
}

.form-view .field .employee-item .close {
    padding-right: 0;
    display: none;
    float: none;
    vertical-align: top;
    margin: 3px 0 0 -16px;
    max-width: 16px
}

.form-view .field .employee-item:hover .close {
    display: inline-block
}

.form-view .field .employee-item .close:hover {
    color: red
}

.form-view .field .form-userList {
    min-height: 32px
}

.form-view .form-tablelayout .form-userList input.typeahead[data-entity="employee"] {
    width: 119px
}

.form-view .form-tablelayout .form-userList .tt-suggestion .employee {
    width: 140px
}

.form-view .form-tablelayout .form-userList .tt-suggestion .employee>.avatar+span {
    width: 104px
}

.form-view .field .form-userList>div:empty {
    display: none
}

.form-view .field .relevance-card {
    width: 100%
}

.form-view .field .relevance-card .list {
    width: 50%;
    float: left
}

.form-view .field .relevance-card .list:nth-child(even) {
    padding: 0 0 0 5px
}

.form-view .field .relevance-card .list:nth-child(odd) {
    padding: 0 5px 0 0
}

.form-view td .field .relevance-card .list,.form-view .cell .field .relevance-card .list {
    width: 100%;
    padding: 0!important
}

.form-view .field .relevance-card .item {
    border: 1px solid #e7e7e7;
    box-shadow: 0 2px 8px #ddd;
    -webkit-box-shadow: 0 2px 8px #ddd;
    -moz-box-shadow: 0 2px 8px #ddd;
    margin: 0 0 20px 0
}

.form-view .field .relevance-card .item>.title {
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    color: #666;
    font-weight: bold;
    border-bottom: 1px solid #e7e7e7;
    position: relative
}

.form-view .cell .relevance-card .item>.title,.form-view td .relevance-card .item>.title {
    padding-left: 10px
}

.form-view .field .relevance-card .item>.title p {
    margin: 0 50px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.form-view .cell .relevance-card .item>.title p,.form-view td .relevance-card .item>.title p {
    margin: 0 30px 0 0
}

.form-view .relevance-card .item>.part {
    padding: 10px 20px;
    overflow: hidden
}

.form-view .cell .relevance-card .item>.part,.form-view td .relevance-card .item>.part {
    padding: 10px
}

.form-view .field .relevance-card .item .line>p {
    display: block;
    clear: both
}

.form-view .field .relevance-card .item .line span {
    color: #949494;
    font-size: 12px;
    line-height: 24px
}

.form-view .field .relevance-card .item .line span:first-child {
    padding: 0 10px 0 0;
    white-space: nowrap;
    text-overflow: inherit;
    display: inline-block;
    max-width: 60%;
    overflow: hidden;
    vertical-align: middle
}

.form-view .field .relevance-card .item .line span label {
    vertical-align: top
}

.form-view .field .relevance-card .item .line span:last-child {
    font-size: 14px;
    color: #333
}

.form-view .field .relevance-card .item .line span:last-child label {
    display: inline;
    font-weight: normal;
    color: #333
}

.form-view .field .relevance-card .item .line span:first-child label {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.form-view .field .relevance-card .item .line .controls {
    color: #666;
    margin: 0 0 0 10px;
    line-height: 25px;
    width: auto
}

.form-view .field .relevance-card .item .title>a.close {
    color: #666;
    position: absolute;
    right: 20px;
    top: 0;
    height: 50px;
    line-height: 50px;
    display: none
}

.form-view .cell .relevance-card .item .title>a.close,.form-view td .relevance-card .item .title>a.close {
    right: 10px
}

.form-view .field .relevance-card .item .title:hover>a.close {
    display: inline-block
}

.form-view .field .file-input {
    position: relative;
    cursor: pointer
}

.form-view .field .file-input .file-tip {
    position: absolute;
    line-height: 28px;
    font-size: 12px;
    color: #666;
    left: 12px;
    top: 0;
    right: 35px
}

.form-view .field .file-input .file-ico {
    display: inline-block;
    position: absolute;
    right: 2px;
    top: 2px;
    background: #a1a1a1;
    color: #fff;
    height: 24px;
    width: 24px;
    line-height: 26px;
    text-align: center;
    border-radius: 2px
}

.form-preview .form-view .file-input:hover .file-ico {
    background: #8b8b8b
}

.form-view .field .file-item {
    line-height: 28px;
    margin-right: 2px
}

.form-view .field .file-item a.name {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    padding-right: 70px
}

.form-view .field .file-item a.btn {
    margin: 0 0 0 -62px
}

.form-view .field .file-item a.close {
    margin: 0 0 0 5px
}

.form-view .field .file-item a.name+a.close {
    margin-left: -62px
}

.form-view .field .employee-item i {
    color: #51a351
}

.form-view .field .file-item .close {
    padding-right: 0;
    margin-left: -15px;
    display: none;
    float: none
}

.form-view .field .file-item:hover .close {
    display: inline-block;
    vertical-align: middle;
    line-height: 26px
}

.form-view .field .file-item .close:hover {
    color: red
}

.form-view .field .img-widget-content {
    position: relative;
    z-index: 2
}

.form-view .field .img-wedget {
    font-size: 0;
    margin-left: 0
}

.form-view .field .img-wedget .img-item {
    display: block;
    margin: 0 12px 12px 0;
    vertical-align: middle;
    height: 140px;
    width: 100%;
    max-width: 140px;
    overflow: hidden;
    position: relative;
    border: 1px solid rgba(0,0,0,0);
    background-color: #fff;
    float: left
}

.form-view .sign-widget-content .img-item .img-box img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%)
}

.form-preview .form-view .field .img-wedget .img-item:hover {
    border-width: #fff;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3),0 0 0 2px #fff inset;
    box-shadow: 0 0 3px rgba(0,0,0,0.3),0 0 0 2px #fff inset
}

.form-view .field .img-wedget .img-add {
    text-align: center;
    color: #999;
    border: 1px solid #ddd;
    background: #f8f8f8;
    padding-top: 35px;
    width: 100%;
    max-width: 140px;
    height: 140px;
    float: left;
    position: relative;
    z-index: 2;
    cursor: pointer
}

.form-view .field .img-wedget .img-add i {
    font-size: 35px
}

.form-view .field .img-wedget .img-add p {
    font-size: 13px;
    margin: 5px 5px 0 5px
}

.form-view .form-preview .field .img-wedget .img-add:hover {
    border-color: #fda316;
    color: #666
}

.form-view .field .img-wedget .sign-add {
    text-align: center;
    color: #999;
    border: 1px solid #ddd;
    background: #f8f8f8;
    padding-top: 30px;
    width: 308px;
    height: 140px;
    float: left;
    position: relative;
    z-index: 2;
    cursor: pointer
}

.form-view .column-layout .field .img-wedget .sign-add,.form-view .form-tablelayout .field .img-wedget .sign-add,.form-view .column-layout .field .img-wedget .sign-add,.form-view .field .form-databox .field .img-wedget .sign-add {
    width: 100%
}

.form-view .field .img-wedget .sign-add i {
    font-size: 49px;
    color: #d6d5d5
}

.form-view .field .img-wedget .sign-add p {
    font-size: 13px;
    margin: 5px 5px 0 5px
}

.form-view .form-preview .field .img-wedget .sign-add:hover {
    border-color: #fda316;
    color: #666
}

.form-view .field .img-wedget .img-opt {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    padding: 0 3px
}

.form-view .field .img-wedget .img-item:hover .img-opt {
    display: block
}

.form-view .field .img-wedget .img-item:hover .img-opt a {
    color: #e80000!important;
    text-decoration: none
}

.form-view .field .img-wedget .img-info {
    position: absolute;
    font-size: 12px;
    color: #000;
    right: 0;
    bottom: 0;
    opacity: .5;
    left: 0
}

.form-view .field .img-wedget .img-info span+span {
    padding-left: 3px;
    text-align: right
}

.form-view .field .img-wedget .img-info span {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 50%
}

.form-view .field .img-wedget .img-info span:first-child {
    padding-right: 3px
}

.form-view .field .paragraph {
    word-break: break-all
}

.form-view .field .paragraph ul,.paragraph ol {
    padding-left: 40px
}

.form-view .field .paragraph ul li {
    list-style: disc
}

.form-view .field .paragraph ol li {
    list-style: decimal
}

.form-view .field .paragraph p:last-child {
    margin-bottom: 0
}

.form-view .field .paragraph.alert {
    margin-bottom: 0
}

.form-view .field .paragraphchoicelist .paragraph.alert {
    margin: 3px 0 0 10px;
    width: 70%
}

.form-view .field .paragraphchoicelist>label,.form-Edit-content .paragraphchoicelist>label {
    display: block
}

.form-view .field .paragraph.alert-e-default {
    border: 1px solid #eee;
    background: #f9f9f9
}

.form-tablestat .pagination {
    border-radius: 4px;
    display: inline-block;
    float: right;
    margin-right: 8px;
    padding-left: 0
}

.form-tablestat .pagination ul>li {
    display: inline
}

.form-tablestat .pagination ul>li>a,.pagination ul>li>span {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #ddd;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    float: left;
    line-height: 20px;
    padding: 4px 12px;
    text-decoration: none
}

.form-tablestat .pagination ul>li:first-child>a,.pagination ul>li:first-child>span {
    border-bottom-left-radius: 4px;
    border-left-width: 1px;
    border-top-left-radius: 4px
}

.form-tablestat .pagination ul>li.active>a {
    background: none repeat scroll 0 0 #428bca;
    color: #fff
}

.form-tablestat .panel-default {
    border: 0;
    box-shadow: none
}

.form-tablestat .panel-heading {
    padding: 8px;
    padding-left: 16px;
    font-weight: bold;
    background: 0;
    border: 0
}

.form-tablestat .panel-body {
    padding-top: 0;
    padding-bottom: 0
}

.form-tablestat .table {
    margin-bottom: 5px
}

.form-tablestat .table th {
    background-color: #eee
}

.form-tablestat .bartd {
    position: relative
}

.form-tablestat .prograssbar {
    height: 15px;
    margin: 2px 0 0 0;
    cursor: pointer
}

.form-tablestat .percentage {
    position: absolute;
    top: 8px;
    right: 8px;
    height: 16px;
    cursor: pointer
}

.form-numberstat {
    margin: 0 auto;
    min-width: 135px;
    padding: 10px 7px 11px;
    background: none repeat scroll 0 0 #eee;
    border: 1px solid #dedede;
    color: #222;
    text-align: center;
    width: 180px
}

.form-numberstat .statdata {
    display: block;
    font-size: 190%;
    font-style: normal;
    font-weight: bold;
    padding-bottom: 3px
}

.form-view .form-error:after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #ff6969;
    border-style: solid;
    border-width: 6px;
    content: "";
    height: 0;
    left: 15px;
    position: absolute;
    top: -11px
}

.form-view .form-error {
    background: none repeat scroll 0 0 #ff6969;
    border-radius: 4px;
    bottom: -11px;
    color: #fff;
    display: none;
    font-size: 11px;
    opacity: .8;
    padding: 0 3px;
    position: absolute;
    z-index: 50;
    white-space: nowrap
}

.field-hoz.form-view .field .form-error {
    left: 120px
}

.form-view .field .form-databox .field-hoz .form-error {
    left: auto
}

.form-view .field .form-databox-wrap {
    position: relative;
    padding: 0 20px;
    margin: 6px 0
}

.form-view .field .form-databox-head {
    border-color: #ddd;
    border-style: solid;
    border-width: 1px 1px 0;
    cursor: move;
    position: relative
}

.form-view .field .form-databox-head .data-import {
    position: absolute;
    right: 12px;
    top: 10px
}

.module-detail-slide .form-view .form-databox-head .data-import {
    right: 35px
}

.form-view .field .form-databox-head .title,.form-view .field .form-databox-head .desc {
    padding: 6px 12px;
    word-break: break-all;
    word-wrap: break-word;
    background: #fff
}

.form-view .field .form-databox-head .title {
    min-height: 43px;
    color: #555;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 12px
}

.form-view .field .form-databox-head .desc {
    border-top: 1px dashed #ddd;
    color: #666
}

.form-preview .form-view .form-databox-head {
    border-width: 0 0 1px;
    cursor: default
}

.entitybox .form-view .form-databox-head .opt-maximize {
    display: none
}

.form-view .field .form-databox-head .opt-maximize,.form-view .field .form-databox-head .opt-print,.form-view .field .form-databox-head .opt-columns-print {
    position: absolute;
    top: 10px;
    right: 12px;
    font-size: 16px;
    cursor: pointer;
    color: #999
}

.form-view .field .form-databox-head .opt-columns-print {
    right: 17px;
    top: 12px
}

.form-view .field .form-databox-head .opt-print {
    top: 11px
}

.form-view .field .form-databox-head .opt-maximize:hover {
    color: #666
}

.form-view .field .form-databox {
    position: relative
}

.form-view .form-data>table>tbody>tr>td {
    padding: 0
}

.form-view .form-data:not(.form-data-noscroll) {
    overflow: auto;
    min-height: 72px;
    position: relative
}

.form-databox-full .modal-body {
    max-height: none
}

.form-databox-full .form-preview .form-view {
    margin: 0
}

.form-view .field .form-databox .tt-suggestion span {
    width: 85px
}

.edit .form-view .form-databox table td {
    padding: 0
}

.form-view .field .form-databox table {
    table-layout: fixed;
    margin-bottom: 0
}

.form-preview .form-view .form-databox table {
    table-layout: fixed
}

.form-preview .form-view .form-databox table tr:last-child td {
    border-bottom: 0
}

.form-view .form-databox .field {
    padding: 50px 12px 10px
}

.form-view .form-databox .field:hover {
    background: #f3f3f3
}

.form-view .form-databox-wrap .form-layout-toolbar {
    right: 20px;
    bottom: 0
}

.form-view .form-databox .widget-title {
    border-bottom: 1px solid #ddd;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 8px 12px;
    margin-left: -12px;
    margin-bottom: 12px;
    background: #f0f0f0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.form-view .form-databox .field:hover .widget-title {
    background: #f3f3f3
}

.form-view .form-databox .field-active .widget-title,.form-view .form-databox .field-active:hover .widget-title,.form-view .form-databox .field-active:hover {
    background: #fff8dc
}

.form-view .form-databox .form-error {
    bottom: -22px
}

.form-view .form-databox .field-hoz .widget-title {
    margin-top: 0!important;
    text-align: left!important
}

.form-view .form-databox .widget-content {
    min-height: 33px
}

.form-view .form-databox .field-hoz .widget-content {
    margin-left: 0!important
}

.form-widget-raty .star {
    margin-top: 5px
}

.form-widget-raty .star img {
    margin-right: 3px
}

.form-preview .form-widget-raty .star img {
    cursor: pointer
}

.form-tablelayout-wrap {
    position: relative
}

.form-tablelayout-wrap .form-tablelayout {
    overflow: auto
}

.form-tablelayout-wrap table {
    table-layout: fixed;
    background: #ecf9ff;
    margin: 0
}

.form-tablelayout-wrap table>thead .ui-resizable-e {
    right: -10px;
    width: 20px
}

.form-tablelayout-wrap table>thead>tr>th:last-child .ui-resizable-e {
    width: 10px;
    right: 0
}

.form-tablelayout-wrap table>thead>tr>th {
    width: 255px;
    padding-top: 3px;
    padding-bottom: 3px;
    background: #b7e3ff
}

.form-tablelayout-wrap table>tbody>tr>td {
    padding: 0;
    height: 51px
}

.form-tablelayout-wrap table>tbody>tr>td.area {
    background: #d4f1ff
}

.form-tablelayout-wrap table>tbody>tr>td,.form-tablelayout-wrap table>thead>tr>th,.form-tablelayout-wrap table {
    border-color: #7fcdfd
}

.form-tablelayout-wrap table>thead.two-columns>tr>th:last-child {
    width: auto
}

.form-view .form-tablelayout-wrap .form-amountbox .small {
    width: 28%
}

.form-view .form-tablelayout-wrap .form-amountbox .medium {
    width: 38%
}

.form-view .form-tablelayout-wrap .form-amountbox .large {
    width: 48%
}

.form-preview .form-tablelayout-wrap table {
    border: 0;
    background: 0
}

.form-preview .form-tablelayout-wrap table>tbody>tr>td:first-child {
    border-left: none
}

.form-preview .form-tablelayout-wrap table>tbody>tr>td:last-child {
    border-right: 0
}

.form-preview .form-tablelayout-wrap table>tbody>tr:first-child>td {
    border-top: 0
}

.form-preview .form-tablelayout-wrap table>tbody>tr:last-child>td {
    border-bottom: 0
}

.form-preview .form-tablelayout-wrap table>tbody>tr>td,.form-preview .form-tablelayout-wrap table>thead>tr>th,.form-preview .form-tablelayout-wrap table {
    border-color: #eaeaea
}

.form-preview .form-tablelayout-wrap .opt-maximize {
    position: absolute;
    top: 10px;
    right: 10px;
    display: none;
    color: #999;
    cursor: pointer;
    z-index: 10;
    font-size: 14px
}

.form-preview .form-tablelayout-wrap:hover .opt-maximize {
    display: block;
    color: #666;
    font-size: 14px
}

.form-databox-full .opt-maximize {
    display: none!important
}

.form-tablelayout-full .modal-dialog {
    width: 92%
}

.form-tablelayout-full .modal-body {
    padding: 0;
    margin: 15px
}

.form-tablelayout-full .form-preview .form-view {
    border: 0;
    margin: 15px 0
}

.form-tablelayout-full .form-tablelayout-wrap .form-tablelayout {
    overflow: visible
}

.form-tablelayout-full .form-preview .form-tablelayout-wrap table {
    border: 1px solid #ccc;
    border-right-width: 2px
}

.form-view .loading-big {
    position: relative;
    text-align: center
}

.form-view .loading-big img {
    width: 120px
}

.form-view .loading-text {
    position: absolute;
    top: 48px;
    width: 100%;
    font-size: 12px;
    display: block;
    color: #666
}

.form-view .form-loading {
    opacity: .5;
    marign-top: 20px
}

.edit .form-loading {
    display: none!important
}

.edit .form-tabs-wrapper {
    position: relative
}

.form-tabs .tabs-head {
    position: relative;
    bottom: -1px
}

.form-tabs .tabs-head ul {
    overflow: hidden;
    margin-left: 10px;
    font-size: 12px;
    position: relative
}

.form-tabs .tabs-head ul>li {
    float: left;
    padding: 3px 10px;
    color: #666;
    border-color: #ddd;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #fff
}

.form-tabs .tabs-head ul>li:first-child,.form-tabs .tabs-head ul>li:only-child {
    border-width: 1px
}

.form-tabs .tabs-head ul>li.active {
    border-bottom-color: #fff;
    color: #2aaedd
}

.form-tabs .tabs-content {
    min-height: 300px;
    border: 1px solid #ddd;
    overflow-y: auto;
    background: #fff
}

.form-design .form-tabs .tabs-content>div {
    min-height: 278px;
    padding-bottom: 50px
}

.form-tabs .tabs-content .border-div {
    border-width: 0 1px;
    border-style: solid;
    border-color: #ddd
}

.form-tabs .tabs-content {
    height: auto
}

.form-tabs-paved .paved-content {
    border-top: 1px solid #ddd
}

.form-tabs-paved .paved-head {
    padding: 10px;
    width: 100%;
    border-color: #ddd;
    border-style: solid;
    border-width: 1px 1px 0 1px
}

.form-tabs-paved .paved-head {
    padding: 10px;
    width: 100%;
    border-color: #ddd;
    border-style: solid;
    border-width: 0 1px
}

.form-tabs-paved>.paved-head:first-child {
    border-top-width: 1px
}

.form-tabs-paved .paved-head {
    padding: 10px;
    width: 100%;
    border-color: #ddd;
    border-style: solid;
    border-width: 0 1px;
    background-color: #f9f9f9;
    font-weight: bold
}

.form-tabs .tabs-content .before-border-div {
    height: 15px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #e5e5e5
}

.form-preview .form-tabs {
    padding: 10px 0
}

.form-preview .form-tabs .tabs-head {
    margin: 0 10px
}

.form-preview .form-tabs .tabs-content {
    border-style: solid;
    margin: 0 10px;
    border-width: 1px;
    border-color: #ddd
}

.form-preview .form-tabsfixed-wrapper .form-tabs .tabs-content {
    overflow-y: auto
}

.form-preview .form-tabs-wrapper .form-layout:last-child {
    border-bottom-width: 0
}

.edit .form-tabs-wrapper+div,.edit .table_layout_js+.form-tabs-wrapper {
    margin-top: 6px
}

.edit .form-databox-wrap+.form-tabs-wrapper,.edit .form-tablelayout-wrap+.form-tabs-wrapper,.edit .form-layout+.form-tabs-wrapper {
    margin-top: 5px
}

.form-preview div:not(.form-tabs-wrapper)+.form-tabs-wrapper,.form-preview .form-view>.form-tabs-wrapper:first-child,.form-preview .form-view .widget-control>.form-tabs-wrapper:first-child {
    border-top: 0
}

.form-preview:not(.form-senior-preview) .form-tabs-wrapper {
    border-top: 1px solid #ddd
}

.form-preview .form-tabs-wrapper+div:not(.form-tabs-wrapper) {
    border-top: 1px solid #ddd!important
}

.chooselist-batch .mCSB_container {
    min-height: 360px
}

.chooselist-batch .field-ul {
    font-size: 14px
}

.chooselist-batch .field-ul li {
    margin: 0!important;
    padding-left: 35px;
    border-bottom: 1px dashed #ddd
}

.chooselist-batch .field-ul li label {
    display: block;
    padding: 10px 0
}

.chooselist-batch .field-ul li .num {
    width: 12px;
    display: inline-block;
    text-align: center;
    margin: 0 5px 0 0
}

.chooselist-batch .field-ul .tip {
    font-size: 12px;
    color: #999;
    margin-left: 10px
}

.form-totalline-modal .tips {
    font-size: 12px;
    color: #999;
    margin-bottom: 15px;
    margin-top: 5px;
    margin-left: 5px
}

.form-totalline-modal .totalline-header {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    color: #666;
    font-weight: bold
}

.form-totalline-modal .totalline-main .control-group {
    height: 42px;
    line-height: 30px;
    border-bottom: 0;
    position: relative;
    color: #666
}

.form-totalline-modal .totalline-main .control-group:after {
    position: absolute;
    content: "";
    height: 1px;
    background-color: #e5e5e5;
    left: 15px;
    right: 15px;
    bottom: 0
}

.form-totalline-modal .control-group:last-child:after {
    display: none
}

.form-totalline-modal .totalline-main .control-group:last-child {
    border-bottom: 0
}

.form-totalline-modal .totalline-main .control-group>* {
    display: block;
    float: left
}

.form-totalline-modal .totalline-main .control-group>input {
    margin-top: 9px;
    margin-right: 10px
}

.form-preview-nodata {
    position: relative;
    height: 200px
}

.form-preview-nodata>div {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -40px 0 0 -31px
}

.form-preview-nodata i {
    background: url(/static/img/global/nodata.png) no-repeat;
    width: 63px;
    height: 42px;
    display: block;
    margin: 0 auto
}

.form-preview-nodata span {
    display: inline-block;
    width: 63px;
    text-align: center;
    color: #999;
    margin: 10px 0 0 0
}

.form-preview-wrapper {
    overflow-y: auto;
    background: url(/static/img/form/preview-bg.png);
    position: fixed;
    z-index: 1000;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 15px 0
}

.form-preview-wrapper .form-preview {
    width: 800px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4);
    box-shadow: 0 0 5px rgba(0,0,0,0.4);
    background: #fff;
    margin: 0 auto 400px auto;
    border-radius: 4px;
    position: relative
}

.form-preview-content {
    width: 800px;
    position: relative;
    margin: 0 auto
}

.form-preview .form-view {
    margin: 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: 0
}

.form-preview .form-border-view {
    border: 1px solid #eaeaea
}

.form-preview-wrapper .disabled-tip {
    margin: 150px 0 0 0
}

.form-preview-wrapper .disabled-tip>* {
    display: block;
    text-align: center;
    color: #999
}

.form-preview-wrapper .disabled-tip>img {
    width: 80px;
    margin: 10px auto;
    height: 80px
}

.form-preview-wrapper .disabled-tip-password {
    font-size: 0;
    width: 372px;
    margin: 150px auto 0 auto
}

.form-preview-wrapper .disabled-tip-password>* {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle
}

.form-preview-wrapper .disabled-tip-password>.btn {
    padding: 5px 12px;
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color: #fff
}

.form-preview-wrapper .disabled-tip-password>input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    text-align: left
}

.form-preview .form-control::-moz-placeholder {
    color: #ddd;
    font-style: italic;
    opacity: 1
}

.form-preview .form-control:-ms-input-placeholder {
    color: #ddd;
    font-style: italic
}

.form-preview .form-control::-webkit-input-placeholder {
    color: #ddd;
    font-style: italic
}

.form-preview input:not([type="button"]):hover,.form-preview textarea:hover {
    border-color: #ddd
}

.form-preview input:focus,.form-preview textarea:focus {
    border-color: rgba(82,168,236,0.8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.form-preview-wrapper .form-view .form-head {
    border-color: #ddd;
    background: #f5f5f5;
    border-width: 1px 1px 1px 1px;
    border-style: solid
}

.form-preview .field:hover {
    border-color: transparent
}

.form-preview .field {
    border-width: 0 0 1px;
    border-bottom: 1px solid #eaeaea!important
}

.form-preview .form-tabs-wrapper+div:not(.form-tabs-wrapper) {
    border-top: 1px solid #eaeaea!important
}

.form-preview .vertical-table .field {
    border-bottom: 1px solid #f3f2f2!important
}

.form-preview .vertical-table>.line {
    width: 100%;
    display: block;
    font-size: 14px;
    color: #666;
    padding-top: 20px;
    position: relative;
    overflow: hidden;
    border-style: solid;
    border-color: #ccc;
    border-width: 0 1px
}

.form-preview .vertical-table>.line:before {
    position: absolute;
    content: "";
    height: 10px;
    border-bottom: 1px dotted #ddd;
    width: 100%;
    left: 0;
    right: 0;
    z-index: -1
}

.form-preview .vertical-table .text {
    background-color: #fff;
    padding: 0 5px;
    width: 80px;
    display: block;
    margin: 0 auto;
    height: 20px;
    text-align: center
}

.form-preview .form-view .field:last-child,.form-preview .form-view .widget-control .field:last-child {
    border: none!important
}

.form-preview .form-layout .field,.form-preview .form-databox .field {
    border-bottom: none!important
}

.form-preview .form-databox .table {
    border: none!important
}

.form-preview .form-databox .table tr>td:first-child {
    border-left: none!important
}

.form-preview .form-databox .table tr>td:last-child {
    border-right: none!important
}

.form-preview .form-layout {
    background: transparent;
    border-width: 0 0 1px;
    border-color: #ccc;
    margin: 0
}

.form-preview .form-layout .cell {
    border-color: #ccc
}

.form-preview .form-layout .cell .field:last-child {
    border: 0
}

.form-btns .btn {
    margin-left: 10px
}

.form-preview .form-view .form-databox-wrap {
    margin: 0;
    padding: 0
}

.form-preview .form-view .form-databox .widget-title {
    position: relative;
    width: auto;
    margin: 0;
    border-bottom: 0
}

.form-preview .form-view .form-databox table>tbody>tr>th {
    padding: 0;
    border-width: 0 1px 1px 0;
    width: 238px;
    text-align: inherit
}

.form-preview .form-view .form-databox table>tbody>tr>th:last-child {
    border-right-width: 0
}

.form-preview .form-view .form-databox table:not(.one-three)>tbody>tr>th {
    width: auto
}

.form-preview .form-view .form-databox table>tbody>tr>th.subtd_option {
    width: 100px
}

.form-preview .form-view .form-databox table .subtd_option {
    text-align: center
}

.form-preview .form-view .form-databox table .subtd_option>label {
    width: 50%;
    float: left;
    position: static;
    padding: 8px
}

.form-preview .form-view .form-databox table .subtd_option>label:first-child {
    padding-right: 0
}

.form-preview .form-view .form-databox table .subtd_option>label:last-child {
    padding-left: 0
}

.form-preview .form-view .form-databox table .subtd_option>a {
    width: 50%;
    display: inline-block;
    line-height: 40px;
    height: 100%
}

.form-preview .form-view .form-databox table>tbody>tr>th.sn {
    width: 45px;
    text-align: center
}

.form-preview .form-view .form-databox table>tbody>tr>td.sn {
    text-align: center
}

.form-preview .form-view .form-databox table {
    background: white
}

.form-preview .form-view .form-databox table>tbody>tr>td {
    padding: 6px 8px;
    position: relative
}

.form-preview .form-view .form-databox .field {
    padding: 0;
    background: 0
}

.form-preview .form-view .form-databox table>tbody>tr>td {
    min-width: 0
}

.form-databox-full .modal-dialog {
    width: 92%
}

.form-databox-full .modal-header {
    height: 48px
}

.form-databox-full .modal-body {
    padding: 0;
    margin: 15px
}

.form-databox-full .form-view {
    width: auto
}

.form-databox-full .form-view .form-databox-head .title:empty {
    display: none
}

.form-databox-full .opt-maximize {
    display: none
}

.form-preview .field-divider {
    padding: 10px 0;
    border-bottom: 1px solid #ccc!important
}

.form-preview .field-divider .divider-line {
    margin: 0
}

.form-preview .form-view input.form-control,.form-preview .form-view select.form-control,.form-preview .form-view textarea.form-control {
    background: transparent;
    transition: background .2s linear,border .2s linear,box-shadow .2s linear!important;
    -moz-transition: background .2s linear,border .2s linear,box-shadow .2s linear!important;
    -webkit-transition: background .2s linear,border .2s linear,box-shadow .2s linear!important;
    -ms-transition: background .2s linear,border .2s linear,box-shadow .2s linear!important
}

.form-preview .form-view input.form-control:hover,.form-preview .form-view textarea.form-control:hover {
    border-color: #ccc;
    background: #fcfcfc
}

.form-preview .form-view input.form-control:focus,.form-preview .form-view textarea.form-control:focus {
    border-color: #66afe9
}

.form-preview input.datetimepicker {
    padding: 5px 10px
}

.form-preview .field-serialnumber.form-view .field {
    padding: 6px 12px;
    line-height: 1.5;
    display: inline-block;
    vertical-align: -1px;
    word-break: break-all;
    word-wrap: break-word
}

.form-view .engine-search {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 26px;
    margin: 0;
    padding: 3px;
    position: relative;
    width: 20px
}

.form-view .engine-search i {
    color: #08c;
    font-size: 14px;
    line-height: 18px
}

.form-his-version li {
    padding: 10px 0;
    line-height: 24px;
    border-bottom: 1px dashed #ddd
}

.form-his-version li:last-child {
    border-bottom: 0
}

.form-his-version li .btn {
    margin-left: 5px;
    float: right
}

.form-widget-select .widget-content .bootstrap-select.choicelist {
    margin-top: 0
}

.form-view .field .form-relevance-list .employee-item {
    display: block;
    margin: 0
}

#preview-table .panel {
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none
}

#preview-table table th {
    min-width: 150px
}

#preview-table table td {
    min-height: 16px
}

#preview-table .tablecontent {
    overflow: auto
}

.form-view .field .paragraph img {
    width: 100%
}

#formContent .panel .panel-body {
    padding: 0!important
}

.form-comment-wrapper .comment-content {
    background: #f0f0f0;
    border-left: 1px solid #a3adba;
    bottom: 15px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4);
    -o-box-shadow: 0 0 5px rgba(0,0,0,0.4);
    box-shadow: 0 0 5px rgba(0,0,0,0.4);
    width: 90%;
    max-width: 510px;
    position: fixed;
    right: 0;
    top: 15px;
    -webkit-transform: translateX(510px) translateY(0px);
    -moz-transform: translateX(510px) translateY(0px);
    -ms-transform: translateX(510px) translateY(0px);
    -o-transform: translateX(510px) translateY(0px);
    transform: translateX(510px) translateY(0px);
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
    z-index: 1003;
    border-radius: 5px
}

.form-comment-wrapper .comment-content.in {
    -webkit-transform: translateX(0px) translateY(0px);
    -moz-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    -o-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px)
}

.form-comment-wrapper .comment-header {
    box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    font-size: 18px;
    font-weight: bold;
    height: 55px;
    line-height: 58px;
    text-indent: 10px
}

.form-comment-wrapper .comment-header {
    box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    font-size: 18px;
    font-weight: bold;
    height: 55px;
    line-height: 58px;
    text-indent: 10px
}

.form-comment-wrapper .preview_btn,.form-comment-wrapper .preview_btn_off {
    background: #0caf0c none repeat scroll 0 0;
    border: 1px solid #4cae4c;
    height: 120px;
    margin: -60px 0 0 -40px;
    position: absolute;
    top: 50%;
    width: 40px;
    border-radius: 5px 0 0 5px;
    -webkit-box-shadow: -1px 1px 2px;
    box-shadow: -1px 1px 2px;
    cursor: pointer
}

.form-comment-wrapper .preview_btn:hover,.form-comment-wrapper .preview_btn_off:hover {
    background: #449d44
}

.form-comment-wrapper .preview_btn i {
    color: #fff;
    display: block;
    font-size: 22px;
    margin: 25px 0 0;
    text-align: center
}

.form-comment-wrapper .preview_btn>i>span {
    display: block;
    font-size: 17px;
    line-height: 22px;
    margin: 5px 0 0;
    font-family: Arial,Microsoft YaHei,Helvetica,sans-serif!important
}

.form-comment-wrapper .comment-wrapper .comment-post {
    padding: 15px 15px 0 15px;
    position: relative
}

.form-comment-wrapper .comment-wrapper .comment-input textarea {
    overflow: hidden;
    word-wrap: break-word;
    resize: horizontal;
    height: 100px;
    width: 100%;
    font-size: 16px
}

.form-comment-wrapper .comment-wrapper .comment-item:before {
    left: 0;
    right: 0
}

.form-comment-wrapper .comment-wrapper .comment-container {
    border-bottom: 1px dashed #dedede
}

.form-comment-wrapper .mCustomScrollBox {
    height: calc(100% - 65px)
}

.form-comment-wrapper .comment-wrapper .comment-item .content,.form-comment-wrapper .comment-wrapper .comment-item .parent-content {
    font-size: 13px;
    color: #666
}

.form-comment-wrapper .comment-wrapper .comment-item:hover {
    background-color: #fff
}

.form-comment-wrapper .comment-wrapper .comment-item .comment-user:hover {
    color: #5d9cec;
    cursor: inherit;
    text-decoration: none
}

.form-comment-wrapper .comment-wrapper .comment-item .avatar:hover {
    cursor: inherit
}

.formpreview-login-dialog .modal-dialog {
    width: 500px
}

.formpreview-login-dialog .tab-header.tab-list>ul {
    border: 0;
    margin: 10px 20px 0
}

.formpreview-login-dialog .tab-header.tab-list>ul>li>a {
    border: 0;
    color: #9a9999;
    font-size: 16px
}

.formpreview-login-dialog .form-logintab>.tab-header>ul>li.active {
    border-bottom: 3px solid #428bca
}

.formpreview-login-dialog .form-logintab>.tab-header>ul>li.active>a {
    border: none!important;
    color: #428bca!important
}

.formpreview-login-dialog .modal-dialog button.close {
    padding: 8px
}

.formpreview-login-dialog .tab-header.tab-list {
    border-bottom: 1px solid #ddd
}

.form-view .column-layout.two-columns .tt-suggestion span {
    width: 85px
}

.form-view .column-layout.three-columns input.typeahead {
    width: 88px
}

.form-view .column-layout.three-columns .tt-suggestion p {
    width: 108px
}

.form-view .column-layout.three-columns .tt-suggestion span {
    width: 73px!important
}

.monitor {
    background: #DDD!important
}

.formcondition-modal.entitybox.modal .modal-header,.monitoreditor-modal.entitybox.modal .modal-header {
    border-color: #e5e5e5
}

.formcondition-modal.entitybox.modal .modal-dialog,.monitoreditor-modal.entitybox.modal .modal-dialog {
    width: 600px
}

.formcondition-modal.entitybox.modal .modal-content,.monitoreditor-modal.entitybox.modal .modal-content {
    background: #fff
}

.formcondition-modal.entitybox.modal .modal-body,.monitoreditor-modal.entitybox.modal .modal-body {
    min-height: auto;
    padding: 0 15px
}

.monitoreditor-modal.entitybox.modal .mCustomScrollbar .mCSB_container {
    padding-bottom: 50px
}

.monitoreditor-modal.entitybox.modal .modal-body {
    overflow-y: auto
}

.formcondition-modal.entitybox.modal .sch-wrapper {
    padding: 0;
    border: 0;
    background-color: #fff;
    min-height: inherit
}

.formcondition-modal .sch-wrapper>div>.mCSB_container {
    padding-bottom: 260px
}

.einvoice-modal .modal-body {
    max-height: 525px;
    padding: 20px
}

.einvoice-modal .modal-dialog {
    width: 800px
}

.einvoice-list .item {
    width: 48.5%;
    float: left;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #f2f2f2;
    margin-top: 20px;
    position: relative
}

.einvoice-list .item>.delete {
    position: absolute;
    right: 17px;
    font-size: 22px;
    top: 8px
}

.einvoice-list .item>.delete>a {
    color: #cecccc;
    text-decoration: none
}

.einvoice-list .item>.delete>a:hover {
    color: #999;
    text-decoration: none
}

.einvoice-list .item:nth-of-type(2n) {
    margin-left: 1.5%
}

.einvoice-list .item:nth-of-type(2n+1) {
    margin-right: 1.5%
}

.einvoice-list .item:nth-of-type(1),.einvoice-list .item:nth-of-type(2) {
    margin-top: 0
}

.einvoice-list .item>.hd {
    background-color: #f8f8f8;
    padding: 13px 20px;
    color: #333;
    font-size: 14px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid #f1f1f1
}

.einvoice-list .item .main {
    padding: 5px 20px;
    position: relative
}

.einvoice-list .item .main .download {
    position: absolute;
    right: 20px;
    top: 5px;
    font-size: 12px;
    cursor: pointer;
    z-index: 1;
    line-height: 24px
}

.einvoice-list .item .main .download span,.einvoice-list .item .main .download i {
    display: block;
    float: left;
    vertical-align: middle;
    color: #5d9cec
}

.einvoice-list .item .main .download:hover>span,.einvoice-list .item .main .download:hover>i {
    color: #fb6e52
}

.einvoice-list .item .main .download i {
    margin: 7px 3px 0 0
}

.einvoice-list .item .group {
    overflow: hidden;
    position: relative;
    font-size: 12px
}

.einvoice-list .item .group-hasborder {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 8px;
    margin-bottom: 8px
}

.einvoice-list .item .group>.txt {
    color: #acacac;
    position: absolute;
    left: 0;
    line-height: 24px;
    top: 0
}

.einvoice-list .group>.info {
    color: #4c4c4c;
    max-width: 100%;
    padding-left: 72px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 24px
}

.einvoice-list .group>.info-hasmark {
    padding-right: 70px
}

.monitoreditor-modal .control-group {
    padding: 6px 20px;
    margin-bottom: 0;
    border-bottom: 1px solid #eee
}

.monitoreditor-modal .control-group:last-child {
    border-bottom: 0
}

.monitoreditor-modal .modal-body {
    padding: 0 15px
}

.monitoreditor-modal .control-group .control-label {
    float: left;
    line-height: 30px;
    color: #999;
    white-space: nowrap;
    width: 95px;
    margin: 0;
    padding-top: 0;
    text-align: left;
    font-size: 12px;
    font-weight: bold
}

.monitoreditor-modal .controls {
    margin-left: 90px
}

.monitoreditor-modal .module-help {
    position: absolute;
    top: 16px;
    right: 40px;
    cursor: pointer
}

.monitoreditor-modal .module-help a:link,.monitoreditor-modal .module-help a:hover,.monitoreditor-modal .module-help a:active,.monitoreditor-modal .module-help a:visited {
    color: #999;
    text-decoration: none
}

.monitoreditor-modal .expression-div .controls>* {
    display: inline-block
}

.monitoreditor-modal .expression-div .controls>.btn-content {
    margin: 4px 0;
    float: right
}

.monitoreditor-modal .expression-div .btn {
    padding: 1px 10px;
    height: auto
}

.monitoreditor-modal .expression-div .controls>textarea {
    width: 100%
}

.monitoreditor-modal .field-div {
    padding: 6px 20px 0 20px
}

.monitoreditor-modal .field-div .controls>a {
    width: 82px;
    padding: 6px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 6px
}

.monitoreditor-modal .expression-div .controls {
    margin-left: 0
}

.monitoreditor-modal .operation-div .controls>a {
    width: 30px;
    padding: 6px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.track-preview .content {
    border: 1px solid #ddd;
    margin: 15px
}

.track-preview .finished-div {
    margin: 50px 0 0 0;
    text-align: center
}

.track-preview .finished-div>span {
    display: inline-block
}

.track-preview .finished-div .icon {
    width: 36px;
    height: 36px;
    color: #fff;
    background-color: #27ba2e;
    border-radius: 50%;
    line-height: 36px;
    font-size: 20px
}

.track-preview .finished-div .info {
    color: #666;
    font-size: 16px;
    margin: 0 0 0 17px
}

.track-preview .register-div {
    margin: 30px auto;
    width: 645px;
    font-size: 0
}

.track-preview .register-div input.form-control {
    border-color: #d5d5d5;
    height: 40px;
    width: 395px
}

.track-preview .register-div a.btn {
    height: 40px;
    font-size: 14px;
    line-height: 29px;
    margin: 0 0 0 10px;
    width: 115px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.track-preview .catalog-list {
    background-color: #f5f5f5;
    padding: 15px 7px;
    border-color: #d5d5d5;
    border-style: solid;
    border-width: 1px 0;
    overflow: hidden
}

.track-preview .catalog-list li {
    width: 25%;
    float: left;
    padding: 0 8px
}

.track-preview .catalog-list .item {
    background-color: #fff;
    border: 1px solid #d5d5d5;
    padding: 20px;
    border-radius: 5px
}

.track-preview .catalog-list .text-box span {
    display: inline-block;
    text-align: center;
    width: 100%
}

.track-preview .catalog-list .text-box .tit {
    color: #666;
    font-weight: bold
}

.track-preview .catalog-list .text-box .info {
    color: #999;
    font-size: 12px;
    line-height: 24px;
    height: 72px
}

.track-preview .catalog-list .img-box {
    width: 50px;
    height: 50px;
    background: url(/static/img/global/eteams_track.png) no-repeat;
    margin: 0 auto 13px auto
}

.track-preview .catalog-list .text-box {
    margin: 0 0 -7px 0
}

.track-preview .catalog-list li:nth-child(1) .img-box {
    background-position: 0 0
}

.track-preview .catalog-list li:nth-child(2) .img-box {
    background-position: -50px 0
}

.track-preview .catalog-list li:nth-child(3) .img-box {
    background-position: -100px 0
}

.track-preview .catalog-list li:nth-child(4) .img-box {
    background-position: -150px 0
}

.formdatalist-dialog .data-content table th,.formdatalist-dialog .data-content table td,.formdatalist-dialog .data-content table th>*,.formdatalist-dialog .data-content table td>* {
    white-space: nowrap
}

.formdatalist-dialog .mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-bottom: 0
}

.formdatalist-dialog .data-content table th,.formdatalist-dialog .data-content table td {
    position: relative
}

.formdatalist-dialog .data-content table tr:last-child td {
    border-bottom: 0
}

.formdatalist-dialog table .checkbox-div {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.formdatalist-dialog table .checkbox-div input {
    left: 50%;
    top: 50%;
    margin: -6px 0 0 -6px;
    position: absolute
}

.formdatalist-dialog table tr:hover .checkbox-div,.formdatalist-dialog table tr.active .checkbox-div {
    display: block;
    background-color: #f5f5f5
}

.formdatalist-dialog table tr.active:hover .checkbox-div {
    background-color: #e8e8e8
}

.formdatalist-dialog table {
    border: 0
}

.formdatalist-dialog table th:first-child,.formdatalist-dialog table td:first-child {
    border-left-width: 0;
    text-align: center
}

.formdatalist-dialog table th:last-child,.formdatalist-dialog table td:last-child {
    border-right-width: 0
}

.formdatalist-dialog .data-content>.statbody {
    border-color: #ddd;
    border-style: solid;
    border-width: 1px
}

.formdatalist-dialog .data-content>.loading_small,.formdatalist-dialog .data-content>.common-more {
    margin-bottom: -20px
}

.formdatalist-dialog .wform-stat-table .no-data {
    color: #999;
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #ddd
}

.modal-grey .modal-content {
    background: #eee
}

.modal.selector-relevance .modal-dialog {
    width: 800px
}

.selector-relevance .modal-body {
    max-height: 525px;
    padding: 10px 15px
}

.selector-relevance .pagination {
    margin: 10px 0
}

.selector-relevance input.suggestion {
    margin: 0
}

.selector-relevance .selector-fastcreate-btns {
    float: right
}

.selector-relevance .selector-filter:hover .dropdown-toggle {
    background-color: #fff;
    border-color: #a3adba;
    box-shadow: none;
    border-bottom-color: transparent;
    z-index: 101;
    position: relative;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.selector-relevance li.result-li:hover .right {
    display: inline-block
}

.selector-relevance .search-group .selected {
    color: #000;
    border-bottom: solid 2px green
}

.selector-relevance .search-group {
    padding-left: 0;
    padding-right: 0;
    margin-top: 5px
}

.selector-relevance .search-group .group {
    text-align: left;
    max-width: 70px;
    width: auto;
    margin-right: 5px
}

.selector-relevance .selected-container {
    margin: 10px 0 5px
}

.selector-relevance .selected-label {
    float: left;
    line-height: 30px
}

.selector-relevance .selected-relevances .entity-item a {
    max-width: 200px
}

.selector-relevance .selected-container input {
    margin: 0 4px 4px 0
}

.selector-relevance .selector-body {
    border: 1px solid #ddd;
    margin-top: 10px
}

.selector-relevance .selector-tab {
    border-right: 1px solid #ddd;
    width: 150px
}

.selector-relevance .selector-tab .hd {
    line-height: 43px;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    font-size: 14px;
    padding: 0 18px;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    background-color: #f5f5f5
}

.selector-relevance .selector-tab ul li a {
    line-height: 43px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    padding: 0 18px;
    color: #666;
    border-left: 3px solid transparent;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%
}

.selector-relevance .selector-tab ul li.active a {
    border-left-color: #2dc3e8;
    background-color: #f9f9f9
}

.selector-relevance .selector-tab ul.toolkit-list li {
    width: 50%;
    margin-right: 0;
    text-align: center
}

.selector-relevance .selector-tab ul.toolkit-list li a {
    padding: 2px 5px 0;
    line-height: 46px;
    border-bottom: 2px solid transparent
}

.selector-relevance .selector-tab ul.toolkit-list li.active a {
    background-color: #fff;
    color: #999;
    border-bottom: 2px solid #2dc3e8
}

.selector-relevance .search-result ul {
    display: none
}

.selector-relevance .search-result ul.active {
    display: block
}

.selector-relevance .no-relevance-record {
    text-align: center;
    color: #aaa;
    list-style: none
}

.selector-relevance .result-li .sn {
    margin: 0 10px 0 10px
}

.selector-relevance .selector-opt {
    border-bottom: 1px solid #ddd;
    padding: 10px
}

.selector-relevance .selector-opt .opt-info {
    font-size: 12px;
    color: #999;
    min-height: 30px;
    display: inline-block;
    line-height: 30px
}

.selector-relevance .search-result.search-msg-free ul.bg-e {
    background: #eee;
    text-align: center
}

.selector-relevance-form .e-list>li .info-box {
    width: 100%;
    padding-right: 52px;
    position: relative
}

.selector-relevance-form .e-list>li .info-box .right {
    right: 52px
}

.selector-relevance-form .e-list>li .info-box>span {
    float: left
}

.selector-relevance-form .e-list>li:hover,.selector-relevance-form .e-list>li.active {
    background: transparent
}

.selector-relevance-form .e-list>li .opt-box {
    position: absolute;
    right: 0;
    top: 0;
    color: #c7c7c7;
    text-align: center;
    width: 51px;
    line-height: 45px;
    border-left: 1px solid #eee;
    font-size: 22px
}

.selector-relevance-form .e-list>li .opt-box.active {
    background-color: #f3f3f3
}

.selector-relevance-form .e-list>li:hover .opt-box {
    position: absolute;
    right: 0;
    top: 0;
    color: #c7c7c7;
    text-align: center;
    width: 51px;
    line-height: 45px;
    border-left: 1px solid #eee;
    font-size: 22px
}

.selector-relevance-form .selector-tab {
    border: 0;
    border-left: 1px solid #ddd
}

.selector-relevance-form .selector-info {
    position: relative;
    height: 385px
}

.selector-relevance-form .selector-info .nav li>a {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 51px
}

.selector-relevance-form .selector-info .nav li>.opt-icon {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 10px;
    line-height: 43px;
    cursor: pointer;
    color: #d5d5d5
}

.selector-relevance-form .selector-info .nav li>.opt-icon .icon-radio-checked {
    color: #2dc3e8
}

.selector-relevance-form .e-list>li.active,.selector-relevance-form .e-list>li.selected {
    background-color: #fff
}

.selector-relevance-form .form-customstat .field {
    border: 1px solid #d5d5d5;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 20px;
    padding: 10px
}

.selector-relevance-form .form-customstat .field .panel-heading {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px
}

.selector-relevance-form .form-customstat .field .panel-body {
    padding: 0;
    margin: 0
}

.selector-relevance-form .form-customstat .field .panel-body>div {
    margin-left: 10px
}

.selector-relevance-form .form-customstat .pagination {
    margin-bottom: 0;
    margin-top: 0
}

.selector-relevance .folder-tree {
    border: 0;
    height: auto;
    overflow: visible
}

.selector-relevance .folder-tree .treeview .treeview-node {
    padding: 0 10px;
    line-height: 44px;
    border: 0
}

.selector-relevance .folder-tree .treeview>li:after {
    content: "";
    position: absolute;
    left: 40px;
    right: 0;
    top: 44px;
    height: 1px;
    background: #e7eaec;
    display: block!important
}

.selector-relevance .folder-tree .treeview .e-list>li .checkbox {
    display: inline-block
}

.selector-relevance .folder-tree .treeview .e-list>li .sn {
    display: none
}

.selector-relevance .folder-tree .tree-more {
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    color: #999;
    background: #f5f5f5;
    text-align: center;
    margin: 10px;
    cursor: pointer;
    font-size: 12px
}

.selector-relevance .folder-tree .treeview>li {
    position: relative
}

/*.selector-relevance .folder-tree .treeview .graph,.folder-tree .treeview [class*=" graph-16"],.folder-tree .treeview [class^="graph-28"],.folder-tree .treeview [class*=" graph-28"] {
    background-image: url(/static/img/global/eteams_icons.png);
    background-repeat: no-repeat
}*/

.selector-relevance .folder-tree .treeview .graph-folder {
    width: 22px;
    height: 18px;
    margin-right: 5px;
    background-position: right -66px
}

.selector-relevance .folder-tree .treeview .graph-status {
    height: 16px;
    width: 16px;
    margin-right: 5px;
    margin-left: 5px;
    background-position: right -84px;
    cursor: pointer
}

.bootbox .modal-footer {
    padding: 10px 18px;
    text-align: center
}

.form-condition-hide {
    display: none!important
}

.form-dropselector-view {
    position: absolute;
    z-index: 5000
}

.form-dropselector-view .tt-suggestion {
    margin-top: -2px
}

.form-dropselector-view .bootstrap-select {
    background: 0;
    border: 0;
    box-shadow: none;
    border-radius: none;
    height: auto
}

.form-dropselector-view .form-widget-select .widget-content .bootstrap-select.choicelist {
    margin-top: 23px;
    width: 100%
}

.form-dropselector-view .form-widget-select .widget-content .bootstrap-select-more.choicelist {
    margin-top: -22px
}

.form-dropselector-view>td {
    display: block
}

.formdatalist-dialog .mCSB_container_wrapper {
    margin-bottom: 0
}

.formdatalist-dialog .mCSB_container_wrapper>.mCSB_container {
    padding-right: 0
}

.default-position-modal .module-detail-view .mapcontentscr .mapsearch {
    position: relative
}

.default-position-modal .module-detail-view .mapcontentscr .mapsearch ul {
    width: 350px;
    position: absolute;
    right: 66px;
    top: 30px;
    z-index: 9999;
    border-left: 1px solid #e4e6e7;
    border-right: 1px solid #e4e6e7;
    border-bottom: 1px solid #e4e6e7
}

.default-position-modal .module-detail-view .mapcontentscr .mapsearch ul li {
    padding: 4px 10px;
    background: #fff;
    cursor: pointer;
    max-width: 350px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.default-position-modal .module-detail-view .mapcontentscr .mapsearch ul li i {
    margin-left: 2px;
    color: #999
}

.default-position-modal .module-detail-view .mapcontentscr .mapsearch ul li .address {
    font-size: 12px
}

.default-position-modal .module-detail-view .mapcontentscr .mapsearch ul li .message {
    color: #c4c7d1;
    margin-left: 3px;
    font-size: 12px
}

.default-position-modal .module-detail-view .mapcontentscr .mapsearch ul li:hover {
    background: #ebebeb
}

body.platform-mac .form-view .choicelist input[type="radio"],body.platform-mac .form-view .choicelist input[type="checkbox"] {
    top: auto
}

.form-signature-modal .detail-brand {
    margin: 0 0 0 20px;
    font-weight: normal
}

.form-signature-modal .detail-header .toolkit-list {
    margin-top: 0
}

.form-signature-modal .toolkit-list .toolkit-item-tab {
    margin-top: 0;
    margin-bottom: 0;
    margin-top: 0
}

.form-signature-modal .toolkit-list .toolkit-item-tab,.form-signature-modal .toolkit-list .toolkit-item-tab a {
    height: 50px;
    line-height: 50px
}

.form-signature-box .sign-code-box {
    width: 180px;
    height: 180px;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    left: 50%;
    position: relative;
    margin-left: -90px;
    top: 90px;
    border: 1px solid #eaeaea;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    overflow: hidden
}

.form-signature-box .sign-code-tips {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-top: 110px;
    color: #999
}

.form-signature-box .header>.title {
    color: #454545;
    padding: 15px 20px;
    border-bottom: 1px solid #ccc;
    font-weight: bold
}

.form-signature-box .sign-editor,.form-signature-box .esign-editor {
    background-color: #fff;
    margin: 20px 20px 5px 20px;
    border: 1px solid #e3e3e3;
    border-radius: 2px
}

.form-signature-box .sign-editor {
    width: 558px;
    height: 315px
}

.form-signature-box .esign-editor {
    height: 227px;
    margin: 20px 0 20px 0
}

.form-signature-box .esign-editor {
    position: relative
}

.form-signature-box .esign-editor img {
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%)
}

.form-signature-box .opt {
    padding: 10px 20px;
    overflow: hidden;
    width: 100%;
    font-size: 13px
}

.form-signature-box .opt>* {
    float: left;
    margin-right: 15px
}

.form-signature-box .opt>*:last-child {
    margin-right: 0
}

.form-signature-box .opt .text {
    color: #999;
    display: inline-block;
    padding-right: 12px;
    margin-right: 12px;
    border-right: 1px solid #e1e1e1;
    position: relative;
    height: 24px;
    line-height: 24px
}

.form-signature-box .opt .text:after {
    position: absolute;
    content: "";
    background-color: #fff;
    top: 0;
    bottom: 0;
    width: 1px;
    right: -2px
}

.form-signature-box .opt .size>a {
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer
}

.form-signature-box .opt .size>a:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #999;
    border-radius: 50%
}

.form-signature-box .opt .size>a.small:after {
    width: 2px;
    height: 2px;
    margin: -1px 0 0 -1px
}

.form-signature-box .opt .size>a.medium:after {
    width: 6px;
    height: 6px;
    margin: -3px 0 0 -3px
}

.form-signature-box .opt .size>a.large:after {
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px
}

.form-signature-box .opt .size>a.active {
    border: 1px solid #d5d5d5
}

.form-signature-box .eraser>a:last-child {
    border: 1px solid transparent;
    display: inline-block;
    width: 22px;
    height: 22px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer
}

.form-signature-box .size>a:active,.form-signature-box .opt-eraser:active {
    -moz-box-shadow: 0 0 5px #d8d3d3 inset;
    -webkit-box-shadow: 0 0 5px #d8d3d3 inset;
    box-shadow: 0 0 5px #d8d3d3 inset;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
    border: 1px solid #d5d5d5
}

.form-signature-box .eraser>a.active:last-child {
    border-color: #d5d5d5
}

.form-signature-box .opt .color-box {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    width: 170px
}

.form-signature-box .opt .color-box>span {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 0 1px 1px 0;
    cursor: pointer
}

.form-signature-box .opt .color-box>span:first-child {
    width: 23px;
    height: 23px;
    float: left
}

.form-signature-box .footer {
    float: right;
    margin-right: 20px
}

.form-signature-box .footer .btn+.btn:not(.btn-block) {
    margin-left: 10px
}

.form-signature-box {
    background-color: #eee;
    height: 485px
}

.form-signature-box .sign-code-box {
    width: 180px;
    height: 180px;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    left: 50%;
    position: relative;
    margin-left: -90px;
    top: 75px;
    border: 1px solid #eaeaea;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    overflow: hidden
}

.form-signature-box .sign-code-tips {
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-top: 95px;
    color: #999
}

.form-employee .modal-dialog {
    width: 950px;
    z-index: 9999
}

.form-employee.modal .org-title {
    display: none
}

.form-employee .modal-body {
    max-height: 800px;
    padding: 10px
}

.form-employee .suggestion {
    margin: 0
}

.form-employee .selected-container {
    margin-top: 10px;
    font-size: 0
}

.form-employee .selected-container .add-group-user {
    display: inline-block;
    vertical-align: top
}

.form-employee .users-list li:not(.list-tit) {
    cursor: pointer
}

.form-employee table.table-pinyin {
    float: right;
    margin-left: 10px;
    border-collapse: separate;
    border-spacing: 1px;
    background-color: #fff
}

.form-employee table.table-pinyin td {
    background-color: #f2f2f2;
    text-align: center;
    line-height: 25px;
    width: 25px
}

.form-employee table.table-pinyin td.highlight {
    background-color: #08c;
    color: #fff;
    cursor: pointer
}

.form-employee table.table-pinyin td.all {
    background-color: #333;
    color: #fff;
    cursor: pointer
}

.form-employee .pinyin-container {
    margin: 10px 0
}

.form-employee .pinyin {
    float: left;
    width: 25px;
    text-align: center
}

.form-employee .users-list {
    margin-left: 1px;
    border-left: 1px
}

.form-user-selector {
    margin-top: 5px;
    border: 1px solid #e7e7e7
}

.form-user-selector .user-selector-l {
    width: 27%;
    border-right: 1px solid #e7e7e7;
    background: #f8f8f8
}

.form-user-selector .user-selector-r {
    margin-left: 27%
}

.form-employee .selected-users {
    min-height: 35px
}

.form-employee .selected-users>a {
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
    margin-right: 5px;
    margin-bottom: 5px;
    color: #333;
    padding: 0 10px;
    background: #eee;
    border-radius: 2px;
    text-decoration: none;
    font-size: 12px
}

.form-employee .users-list-pinyin {
    top: 77px;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    transform-origin: 0 0
}

.form-employee .user-sortbox {
    height: 45px;
    line-height: 44px;
    padding-left: 20px;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #e7eaec;
    position: relative
}

.form-employee .user-sortbox .users-checkbox {
    margin: 0 0 0 10px;
    display: inline
}

.form-employee .user-sortbox .title {
    font-weight: bold;
    margin: 0 10px;
    color: #666
}

.form-employee .user-sortbox .title {
    display: none
}

.form-employee .user-sortbox .user-target-name {
    font-weight: bold;
    line-height: 30px
}

.form-employee .user-sortbox input.user-target-name {
    width: 305px;
    border-color: transparent;
    box-shadow: none;
    max-width: 350px
}

.form-employee .user-sortbox input.user-target-name:hover {
    border-color: #ddd
}

.form-employee .user-sortbox input.user-target-name:focus {
    border-color: #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.form-employee .user-sortbox .toolkit-list .toolkit-item {
    display: inline-block;
    vertical-align: top;
    float: none;
    white-space: nowrap
}

.form-employee .user-sortbox #group-user-checkall {
    float: left;
    margin: 3px 10px 0
}

.form-employee .dept-grouplist li:after {
    background: #f8f8f8
}

.form-datasource-modal .modal-body {
    max-height: 600px
}

.form-datasource-modal .tips {
    color: #999;
    font-size: 12px
}

.form-data-source {
    background-color: #fff;
    padding: 12px 0;
    margin: 10px 0 15px 0;
    border: 1px solid #eaeaea;
    border-radius: 3px
}

.form-data-source .source-list {
    height: 400px;
    overflow-y: auto
}

.form-data-source>div:not(:last-child) {
    border-right: 1px solid #eee
}

.form-data-source .source-list a {
    font-size: 14px;
    padding: 11px 18px;
    display: inline-block;
    width: 100%
}

.form-data-source .source-list .has-attr a:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-style: solid;
    border-width: 1px 1px 0 0;
    border-color: #999;
    transform-origin: 0 0;
    transform: rotate(45deg);
    right: 18px;
    top: 50%;
    margin-top: -6px
}

.form-data-source .source-list .has-attr a {
    padding-right: 35px
}

.form-data-source .source-tab .active a:after {
    border-color: #fff
}

.form-data-source .source-list a {
    font-size: 14px;
    padding: 0 18px;
    display: inline-block;
    width: 100%;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 42px;
    line-height: 42px;
    vertical-align: top
}

.form-data-source .source-field .active a {
    background-color: #f5f5f5
}

.form-data-source .source-tab .active a,.form-data-source .source-tab .active a:hover {
    background-color: #31caf0;
    color: #fff
}

.form-data-source .source-list a,.form-data-source .source-list a:hover {
    color: #999;
    text-decoration: none
}

.form-data-source .source-list .no-data {
    padding: 11px 18px;
    color: #999;
    text-align: center
}

.form-view .field .widget-content .progressbar {
    padding-top: 5px;
    padding-left: 3px
}

.form-view .field .form-databox .progressbar {
    padding-left: 10px
}

.form-relevance-list .nopermission {
    margin-bottom: 0;
    line-height: 30px
}

.excel-body-table {
    table-layout: fixed;
    margin: 0;
    border-left: none
}

.excel-body-table>tbody>tr>td {
    padding: 0;
    position: relative;
    overflow: hidden;
    border-color: #eaeaea
}

.excel-body-table>tbody>tr>td.FB_solid {
    border-style: solid
}

.excel-body-table>tbody>tr>td.FB_dashed {
    border-style: dashed
}

.excel-body-table>tbody>tr>td.FB_top.FB_1px:after {
    border-width: 1px 0 0 0
}

.excel-body-table>tbody>tr>td.FB_top {
    border-top: 0!important;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent
}

.excel-body-table>tbody>tr>td.FB_left {
    border-left: 0!important;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent
}

.excel-body-table>tbody>tr>td.FB_right {
    border-right: 0!important;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent
}

.excel-body-table>tbody>tr>td.FB_bottom {
    border-bottom: 0!important;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent
}

.excel-body-table>tbody>tr>td.FB_top.FB_2px:after {
    border-width: 2px 0 0 0
}

.excel-body-table>tbody>tr>td.FB_top.FB_3px:after {
    border-width: 3px 0 0 0
}

.excel-body-table>tbody>tr>td.FB_bottom.FB_1px:after {
    border-width: 0 0 1px 0
}

.excel-body-table>tbody>tr>td.FB_bottom.FB_2px:after {
    border-width: 0 0 2px 0
}

.excel-body-table>tbody>tr>td.FB_bottom.FB_3px:after {
    border-width: 0 0 3px 0
}

.excel-body-table>tbody>tr>td.FB_left.FB_1px:after {
    border-width: 0 0 0 1px
}

.excel-body-table>tbody>tr>td.FB_left.FB_2px:after {
    border-width: 0 0 0 2px
}

.excel-body-table>tbody>tr>td.FB_left.FB_3px:after {
    border-width: 0 0 0 3px
}

.excel-body-table>tbody>tr>td.FB_right.FB_1px:after {
    border-width: 0 1px 0 0
}

.excel-body-table>tbody>tr>td.FB_right.FB_2px:after {
    border-width: 0 2px 0 0
}

.excel-body-table>tbody>tr>td.FB_right.FB_3px:after {
    border-width: 0 3px 0 0
}

.excel-body-table>tbody>tr>td.FB_all.FB_1px:after {
    border-width: 1px
}

.excel-body-table>tbody>tr>td.FB_right.FB_2px:after {
    border-width: 2px
}

.excel-body-table>tbody>tr>td.FB_right.FB_3px:after {
    border-width: 3px
}

.excel-body-table>tbody>tr>td[class^="FB_"]:after,.excel-body-table>tbody>tr>td[class*=" FB_"]:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    border-color: inherit
}

.excel-body-table>tbody>tr>td>div,.excel-body-table>tbody>tr>td>.field {
    position: absolute;
    left: 0;
    width: 100%;
    overflow: hidden;
    text-decoration: inherit;
    z-index: 10
}

.excel-body-table .form-tabs-wrapper {
    padding: 8px 10px
}

.excel-body-table .form-databox-wrap.field {
    padding: 8px 10px
}

.excel-body-table .excel-cell-edit {
    padding: 0 5px
}

.excel-body-table>thead>tr>th {
    font-size: 0;
    height: 27px;
    border: 0
}

.excel-body-table>tbody>tr>td:first-child {
    border-left: none
}

.excel-body-table>tbody>tr:first-child>td {
    border-top: 0
}

.field.ui-sortable-helper>.widget-title,.excel-body-table>tbody>tr>td>.field>.widget-title,.field.ui-sortable-helper>.field-description,.excel-body-table>tbody>tr>td>.field>.field-description {
    display: none!important
}

.excel-body-table .form-data {
    border: 1px solid #ddd;
    border-top: 0
}

.form-view .excel-body-table .field:not(.field-active) {
    background: 0;
    border: 0
}

.excel-body-table>tbody>tr>td>.field {
    border: 0
}

.excel-body-table>tbody>tr:last-child>td>.field {
    margin-bottom: 10px
}

.field.ui-sortable-helper>.widget-content,.excel-body-table>tbody>tr>td>.field .widget-content {
    margin-left: 0!important
}

.excel-body-table>tbody>tr>td>.form-widget-dateinterval .form-timebox {
    margin-bottom: 5px
}

.form-view .excel-body-table .form-databox table {
    border: 0
}

.form-view .excel-body-table .form-data>table>tbody>tr>td {
    border-bottom: 0
}

.form-view .excel-body-table .form-data>table>tbody>tr>td:first-child {
    border-left: none
}

.form-view .excel-body-table .form-data>table>tbody>tr>td:last-child {
    border-right: 0
}

.excel-body-table .fui-vertical-middle>div {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

.excel-body-table .fui-vertical-bottom>div {
    bottom: 0;
    top: auto
}

.form-senior-preview .excel-body-table .fui-vertical-bottom {
    vertical-align: bottom
}

.form-senior-preview .excel-body-table .fui-vertical-middle {
    vertical-align: middle
}

.form-senior-preview .excel-body-table .fui-vertical-bottom>div {
    bottom: auto;
    top: auto
}

.form-senior-preview .excel-body-table .fui-vertical-middle>div {
    top: auto;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none
}

.form-senior-preview-wrapper {
    overflow-y: auto;
    background: url(/static/img/form/preview-bg.png);
    position: fixed;
    z-index: 1000;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 15px 0
}

.form-preview-header {
    background: #f9f9f9;
    height: 42px;
    line-height: 42px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    color: #999;
    text-align: center;
    z-index: 500;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 0 5px rgba(0,0,0,0.1)
}

.form-preview-header .preview-mode-menus {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 auto
}

.form-preview-header .preview-mode-menus .menu-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
    cursor: pointer;
    color: #999
}

.form-preview-header .preview-mode-menus .menu-item.active,.form-preview-header .preview-mode-menus .menu-item:hover {
    color: #16a7de
}

.form-preview-header .preview-mode-menus .menu-item i {
    margin-right: 4px;
    font-size: 18px;
    position: relative;
    top: 3px
}

.form-preview-header .preview-mode-menus .menu-close {
    right: -130px;
    position: absolute;
    top: 8px;
    background: 0;
    color: #999;
    height: 24px;
    padding: 0 10px;
    line-height: 22px;
    border-color: #cbcbcb
}

.form-preview-header .preview-mode-menus .menu-close:hover {
    border-color: #48c9f9;
    background: #48c9f9;
    color: #fff
}

.form-senior-preview-wrapper .form-preview-content {
    width: unset;
    margin: 50px 20px 20px
}

.form-distribute-preview .form-senior-preview-wrapper .form-preview-content {
    margin-top: 10px
}

.form-distribute-preview .form-senior-preview-wrapper .form-view .form-head {
    background: transparent;
    border: 1px solid #ddd;
    padding-right: 20px;
    background: #f1f1f1
}

.form-distribute-preview .form-senior-preview-wrapper .form-senior-preview .widget-control-excel {
    padding-top: 30px
}

.form-distribute-preview .form-senior-preview-wrapper .form-view .form-foot {
    margin: 10px
}

.form-senior-preview-wrapper .form-senior-preview.form-preview {
    background: #fff;
    -webkit-box-shadow: 0 0 11px rgba(0,0,0,0.15);
    box-shadow: 0 0 11px rgba(0,0,0,0.15);
    background: #fff
}

.form-senior-preview.form-preview {
    width: auto
}

.form-senior-preview-wrapper .form-senior-preview.form-preview .form-view {
    margin: 0
}

.form-senior-preview.form-preview .form-view {
    width: auto
}

.form-senior-preview .widget-control-excel {
    overflow: auto
}

.form-preview .excel-body-table {
    border: none!important;
    margin: 0!important;
    width: unset;
    max-width: none
}

.form-senior-preview-wrapper .form-preview .excel-body-table {
    margin: 0 auto!important
}

.form-senior-preview .form-viewport-opt {
    top: 58px
}

.form-senior-preview.preview-theme-noborder .excel-body-table>tbody>tr>td {
    border-color: transparent
}

.form-senior-preview:not(.preview-theme-noborder) .excel-body-table>tbody>tr>td:last-child {
    border: 1px solid #eaeaea
}

.form-senior-preview .excel-body-table>thead>tr>td {
    height: 0;
    padding: 0
}

.form-senior-preview .excel-body-table>tbody>tr>td {
    overflow: visible
}

.form-senior-preview .excel-body-table>tbody>tr>td>div {
    position: relative;
    overflow: visible
}

.form-senior-preview .excel-body-table>thead>tr>th {
    padding: 0;
    height: 0
}

.form-senior-preview .excel-body-table>tbody>tr>td>.field .form-error {
    left: auto;
    bottom: -8px
}

.excel-body-table .field[componentkey] .img-wedget .sign-add {
    width: 100%;
    max-width: 308px
}

.form-senior-preview-wrapper .form-senior-preview .widget-control-excel {
    padding: 15px;
    overflow: visible
}

.form-senior-preview-wrapper .form-senior-preview .widget-control-excel .widget-control-excel-scroller {
    overflow: auto
}

.excel-body-table .field .advance-required {
    position: absolute;
    right: -9px;
    top: 0;
    z-index: 1;
    display: inline-block
}

.excel-body-table .form-tablelayout-wrap .advance-required,.excel-body-table .form-databox .advance-required,.excel-body-table .form-tabs-wrapper .advance-required {
    display: none
}

.excel-body-table .form-tablelayout-wrap table>tbody>tr>td {
    overflow: hidden
}

.excel-body-table .form-tablelayout .field-hoz .widget-content {
    margin-left: 90px!important
}

.excel-body-table .form-tabs .tabs-content,.excel-body-table .form-tabs .tabs-head {
    margin: 0
}

.excel-body-table .field.form-tablelayout-wrap {
    padding: 8px 10px
}

.excel-body-table .field.form-tablelayout-wrap table {
    border: 1px solid #ddd
}

.excel-body-table .form-tabs-wrapper .form-tabs {
    padding: 0
}

/*!
 * Bootstrap-select v1.11.0 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2016 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */
select.bs-select-hidden,select.selectpicker {
    display: none!important
}

.bootstrap-select {
    width: 220px \0
}

.bootstrap-select>.dropdown-toggle {
    width: 100%;
    padding-right: 25px;
    z-index: 1
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:active {
    color: #999
}

.bootstrap-select>select {
    position: absolute!important;
    bottom: 0;
    left: 50%;
    display: block!important;
    width: .5px!important;
    height: 100%!important;
    padding: 0!important;
    opacity: 0!important;
    border: 0
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block!important;
    width: 100%!important;
    z-index: 2
}

.has-error .bootstrap-select .dropdown-toggle,.error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.fit-width {
    width: auto!important
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #333!important;
    outline: 5px auto -webkit-focus-ring-color!important;
    outline-offset: -2px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: 0
}

.form-widget-comboselect .bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    z-index: auto
}

.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
    float: right
}

.form-inline .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-group .bootstrap-select.btn-group {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0
}

.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%
}

.bootstrap-select.btn-group.disabled,.bootstrap-select.btn-group>.disabled {
    cursor: not-allowed
}

.bootstrap-select.btn-group.disabled:focus,.bootstrap-select.btn-group>.disabled:focus {
    outline: none!important
}

.bootstrap-select.btn-group.bs-container {
    position: absolute;
    height: 0!important;
    padding: 0!important
}

.bootstrap-select.btn-group.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
    width: 100%
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative
}

.bootstrap-select.btn-group .dropdown-menu li.active small {
    color: #fff
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    pointer-events: none;
    opacity: .9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204,204,204,0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204,204,204,0.2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid white;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after {
    display: block
}

.bs-searchbox,.bs-actionsbox,.bs-donebutton {
    padding: 4px 8px
}

.bs-actionsbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}

.bootstrap-select.btn-group.open .dropdown-menu {
    display: block
}

.bootstrap-select.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none
}

.bootstrap-select .btn:hover,.bootstrap-select .btn:focus {
    background-color: #fff;
    border-color: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-view .bootstrap-select.choicelist li {
    margin-bottom: 0
}

.bootstrap-select .dropdown-menu>.active>a,.bootstrap-select .dropdown-menu>.active>a:hover,.bootstrap-select .dropdown-menu>.active>a:focus,.bootstrap-select .dropdown-menu>li>a:hover,.bootstrap-select .dropdown-menu>li>a:focus {
    background-color: #f5f5f5;
    color: #333
}

.bootstrap-select .bs-searchbox .form-control {
    border-color: #ccc
}

.bootstrap-select .bs-searchbox .form-control:focus {
    border-color: rgba(82,168,236,0.8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap
}

.bootstrap-select.btn-group>.disabled {
    opacity: 1
}

.bootstrap-select.btn-group.hide {
    display: none
}

.eform-list>li {
    margin: 10px;
    min-width: 280px;
    height: 120px;
    padding: 15px;
    width: 272px;
    border: 1px solid #eaeaea;
    background: #fff;
    float: left;
    border-radius: 3px;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    transition: all .15s linear
}

.eform-list.form-boxlist>li {
    height: auto
}

.eform-list .list-box>.btn-group>.btn:first-child {
    margin-left: 0
}

.eform-list .list-box>.btn-group>div>.btn {
    border-radius: 0
}

.eform-list .list-box>.btn-group {
    display: none
}

.eform-list>li:hover .btn-group {
    display: inline-block
}

.eform-list.form-boxlist>li .btn-group {
    display: inline-block;
    overflow: hidden
}

.eform-company-wrapper .eform-list>li .btn-group {
    display: inline-block
}

.eform-company-wrapper .manager>div>.btn-group {
    display: none
}

.eform-company-wrapper .manager:hover>div>.btn-group {
    display: inline-block
}

.eform-list .dropdown-icon {
    height: 17px;
    width: 20px;
    margin: -1px 0 0 0
}

.eform-list .status-box .btn-group>a {
    color: #5c5c5c;
    padding: 0
}

.eform-list .status-box .btn-group>a:hover {
    text-decoration: none
}

.eform-list .status-box .btn-group>a.dropdown-toggle {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.eform-list .text-content .dropdown-menu>li>a {
    padding: 5px 11px
}

.eform-list .formmore-btn>ul>li>a {
    padding: 5px 25px 5px 24px
}

.eform-list .insideCollect-btn>ul>li>a {
    padding: 5px 17px
}

.eform-list .text-content>.btn-group>.dropdown-menu>li>a:hover {
    color: #fff
}

.eform-list .status-box .team-icon {
    background-position: -195px -313px;
    width: 18px;
    height: 18px;
    margin: 0 5px 0 0
}

.eform-list .status-box .recover-icon {
    width: 18px;
    height: 18px;
    background-position: -220px -313px;
    margin: 0 5px 0 0
}

.eform-list li.collecting .status-box .dropdown-icon {
    background-position: -142px -577px
}

.eform-list li.unpublished .status-box .dropdown-icon {
    background-position: -122px -577px
}

.eform-list li.stopped .status-box .dropdown-icon {
    background-position: -162px -577px
}

.eform-list>li h4:hover {
    color: #08c
}

.eform-list>li:hover {
    -webkit-box-shadow: 4px 10px 12px rgba(0,0,0,0.10);
    box-shadow: 4px 10px 12px rgba(0,0,0,0.10)
}

.eform-list>li:hover,.eform-list>li:hover .btn {
    border-color: #7ed1ff
}

.eform-list>li .btn {
    height: 24px;
    padding: 0 6px;
    font-size: 12px;
    line-height: 22px
}

.eform-list>li:hover .btn {
    border-color: #53b6eb;
    background: #f9fcff;
    color: #53b6eb
}

.eform-list>li:hover .btn:hover {
    background: #d7ecff;
    color: #0a8fd6
}

.eform-list>li:hover .btn-group>.btn-group .typeahead-search {
    border-color: #7ed1ff
}

.eform-list>li:hover .serial {
    background: #47b6ee
}

.eform-list li .list-box {
    position: relative;
    background: #fff
}

.eform-list>li h4 {
    color: #666;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 41px 0 20px
}

.eform-list .content>input.form-control {
    margin: 0 0 0 20px;
    padding: 0 5px;
    width: 148px!important
}

.eform-list {
    margin: 0 -10px;
    min-height: 10px
}

.eform-list .text-content {
    clear: both;
    color: #999;
    font-size: 12px;
    margin: 5px 0 13px 20px
}

.eform-list .btn-group .btn {
    max-width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.eform-list .group-data a:empty {
    display: none
}

.eform-list .group-data span {
    color: #ff5a00;
    margin-right: 3px
}

.eform-list .text-content .creat-message {
    margin: 3px 0 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.eform-list .status-box {
    float: right;
    right: 0;
    position: absolute;
    top: 3px
}

.eform-list .text-content>span {
    font-size: 18px;
    margin: 0 0 0 23px
}

.eform-list .collecting .text-content>span>.icon-lock {
    color: #0285b3
}

.eform-list .unpublished .text-content>span>.icon-lock {
    color: #e26e26
}

.eform-list .text-content>span>.unlock {
    color: #d2d2d2
}

.eform-list .group-data a {
    color: #999;
    display: inline-block
}

.eform-list .group-data a:hover,.eform-list .text-content .btn-group>a:hover {
    text-decoration: none
}

.eform-list>li .serial {
    background: none!important;
    border-radius: 50%;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    text-align: center;
    width: 24px;
    margin: 2px 0 0 0;
    color: #999;
    top: 0;
    left: -6px
}

.eform-list .list-box>.btn-group>div {
    background: #fff
}

.eform-list .list-box .dropdown-menu,.eform-list .list-box .dropdownchild-menu {
    max-width: 140px
}

.eform-list .list-box .dropdown-menu>li>a,.eform-list .list-box .dropdownchild-menu>li>a {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 5px 18px
}

.eform-list .list-box .dropdown-menu>li>a {
    position: relative
}

.eform-list .list-box .dropdown-menu>li>a>i {
    position: absolute;
    left: 6px;
    top: 9px;
    font-size: 12px
}

.eform-list .btn-group>.btn-group .typeahead-search {
    border: 1px solid #ccc;
    height: auto;
    padding: 5px 10px;
    position: static;
    width: auto
}

.eform-list .typeahead-search:hover {
    background: #e6e6e6
}

.eform-list .typeahead-search i {
    color: #333
}

.eform-nodata {
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #DDD;
    margin-top: 15px
}

.eform-log-div .control-group>.controls {
    float: left;
    overflow: hidden;
    display: block
}

.eform-log-div {
    margin: 10px 0 0 0;
    padding: 0 10px
}

.eform-log-div table>thead>tr>th,.eform-log-div table>thead>tr>td {
    background: #eee!important
}

.eform-log-div .form-horizontal .control-label {
    line-height: 20px
}

.eform-log-div>.formlog-messagetotal {
    float: left;
    font-size: 14px
}

.eform-new-dialog .control-group>.controls>select {
    height: 30px;
    max-width: 463px;
    min-width: 100px
}

.eform-new-dialog .control-group>.controls>select>option {
    margin: 5px 0;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 445px
}

.eform-import-modal.entitybox.modal .modal-body {
    max-height: inherit
}

.eform-distribute-dialog {
    width: 800px
}

.eform-distribute-dialog .modal-header {
    background: #448aca;
    height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 5px 5px 0 0;
    color: #fff
}

.eform-distribute-dialog .modal-title {
    line-height: 50px;
    font-weight: bold;
    font-size: 18px
}

.eform-distribute-dialog .modal-header .close {
    margin-top: 12px;
    opacity: .6;
    color: #fff
}

.eform-distribute-dialog .modal-header .close:hover {
    opacity: 1
}

.eform-distribute-dialog .modal-title i {
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    font-size: 13px;
    line-height: 22px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 8px
}

.eform-distribute-dialog .modal-body {
    max-height: 500px;
    padding: 10px 0
}

.eform-distribute-dialog .distribute-wrapper {
    padding: 20px 20px 0
}

.eform-distribute-dialog .distribute-tip {
    color: #999;
    font-size: 12px;
    margin-bottom: 20px;
    margin-left: 5px
}

.eform-distribute-dialog .distribute-tip .distribute-trigger {
    float: right;
    color: #5cb85c
}

.eform-distribute-dialog .distribute-list .list-item {
    position: relative
}

.eform-distribute-dialog .distribute-list .list-item .item-head {
    padding: 9px 0;
    border-bottom: 1px solid #eee;
    line-height: 24px
}

.eform-distribute-dialog .distribute-list .list-item .item-head input {
    font-size: 12px;
    font-weight: bold;
    color: #999;
    border: 0;
    width: 50%;
    background: 0;
    -webkit-transition: all .15s linear;
    -ms-transition: all .15s linear;
    -moz-transition: all .15s linear;
    transition: all .15s linear;
    padding: 0 5px;
    height: 24px;
    border-radius: 2px
}

.eform-distribute-dialog .distribute-list .list-item .item-head input:focus,.eform-distribute-dialog .distribute-list .list-item .item-head input:hover {
    background: #eee;
    color: #333;
    padding: 0 10px
}

.eform-distribute-dialog .distribute-list .list-item .item-head .actions a {
    color: #999;
    padding: 0 10px
}

.eform-distribute-dialog .distribute-list .list-item .info-wrap {
    padding: 20px 0 20px 90px
}

.eform-distribute-dialog .distribute-list .list-item .qrcode-wrap {
    float: left;
    margin: 20px 0 0 6px;
    width: 68px
}

.eform-distribute-dialog .distribute-list .list-item .qrcode-wrap canvas {
    width: 100%;
    height: 68px;
    margin-bottom: 6px;
    vertical-align: top
}

.eform-distribute-dialog .distribute-list .list-item .qrcode-wrap .txt {
    font-size: 12px;
    color: #666;
    text-align: center
}

.eform-distribute-dialog .distribute-list .list-item .info-wrap .url-group {
    margin-bottom: 15px
}

.eform-distribute-dialog .distribute-list .list-item .info-wrap .input-group-btn a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.eform-distribute-dialog .distribute-list .list-item .info-wrap .actions-group {
    display: table;
    width: 100%;
    table-layout: fixed
}

.eform-distribute-dialog .distribute-list .list-item .info-wrap .action-colum {
    display: table-cell;
    padding: 0 8px
}

.eform-distribute-dialog .distribute-list .list-item .info-wrap .action-colum .title {
    font-size: 12px;
    font-weight: bold;
    color: #999;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 6px
}

.eform-distribute-dialog .distribute-list .list-item .info-wrap .action-colum .form-control {
    height: 24px
}

.eform-distribute-dialog .distribute-list .list-item .info-wrap .action-colum .content {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #666;
    line-height: 24px;
    font-size: 13px
}

.eform-distribute-dialog .distribute-list .list-item .info-wrap .action-colum.colum-collect input {
    width: 50px;
    padding: 0 8px
}

.eform-distribute-dialog .distribute-list .list-item .info-wrap .action-colum:first-child {
    padding-left: 0
}

.eform-distribute-dialog .distribute-list .list-item .info-wrap .action-colum:last-child {
    padding-right: 0
}

.eform-distribute-dialog .distribute-list .list-item .info-wrap .action-colum.colum-time {
    width: 115px;
    min-width: 115px
}

.eform-distribute-dialog .distribute-list .list-item .info-wrap .action-colum.colum-time input {
    border: 0;
    background: 0;
    box-shadow: none;
    -webkit-transition: all .15s linear;
    -ms-transition: all .15s linear;
    -moz-transition: all .15s linear;
    transition: all .15s linear;
    padding: 0;
    font-size: 12px;
    margin-top: -5px
}

.eform-distribute-dialog .distribute-list .list-item .info-wrap .action-colum.colum-time input:focus,.eform-distribute-dialog .distribute-list .list-item .info-wrap .action-colum.colum-time input:hover {
    background: #eee
}

.eform-distribute-dialog .distribute-list .list-item .info-wrap .action-colum.colum-time input::-moz-placeholder {
    color: #666;
    opacity: 1;
    font-size: 14px
}

.eform-distribute-dialog .distribute-list .list-item .info-wrap .action-colum.colum-time input:-ms-input-placeholder {
    color: #666;
    opacity: 1;
    font-size: 14px
}

.eform-distribute-dialog .distribute-list .list-item .info-wrap .action-colum.colum-time input::-webkit-input-placeholder {
    color: #666;
    opacity: 1;
    font-size: 14px
}

.eform-distribute-dialog .distribute-list .list-item .info-wrap .action-colum .social-icons {
    font-size: 0
}

.eform-distribute-dialog .distribute-list .list-item .info-wrap .action-colum .social-icons i {
    display: inline-block;
    height: 24px;
    width: 24px;
    background-position: 0 -595px;
    cursor: pointer
}

.eform-distribute-dialog .distribute-list .list-item .info-wrap .action-colum .social-icons i+i {
    margin-left: 10px
}

.eform-distribute-dialog .distribute-list .list-item .info-wrap .action-colum .social-icons i.qzone {
    background-position: -24px -595px
}

.eform-distribute-dialog .distribute-list .list-item .info-wrap .action-colum .social-icons i.sina {
    background-position: -48px -595px
}

.eform-distribute-dialog .distribute-list .list-item .info-wrap .action-colum .social-icons i.txweibo {
    background-position: -72px -595px
}

.eform-distribute-dialog .distribute-list .list-item .info-wrap .action-colum .social-icons i.douban {
    background-position: -96px -595px
}

.eform-distribute-dialog .distribute-view-link {
    padding: 10px 0 0;
    text-align: center;
    border-top: 1px solid #ddd;
    color: #999;
    font-size: 12px;
    margin-top: 30px
}

.filed-permission-modal .flow-filed-permission .permission-table {
    font-weight: normal;
    margin-bottom: 0
}

.filed-permission-modal .modal-body {
    max-height: none;
    padding: 0 0 20px 0
}

.eform-otherconfig-modal .control-group {
    padding: 7px 20px
}

.eform-otherconfig-modal .control-group>* {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.eform-otherconfig-modal .control-group>input[type="checkbox"] {
    margin-top: 1px
}

.eform-otherconfig-modal .control-group>*.hide {
    display: none
}

.eform-otherconfig-modal .detail-block .control-group>span {
    color: #666;
    max-width: 690px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.eform-wechatconfig-modal .config-contain {
    display: table;
    table-layout: fixed;
    width: 100%
}

.eform-wechatconfig-modal .config-left,.eform-wechatconfig-modal .config-right {
    display: table-cell;
    padding: 20px
}

.eform-wechatconfig-modal .config-left {
    position: relative
}

.eform-wechatconfig-modal .config-left:before {
    position: absolute;
    content: "";
    background: #ececec;
    width: 1px;
    top: 0;
    bottom: 0;
    right: 0
}

.eform-wechatconfig-modal .config-item {
    position: relative;
    margin-bottom: 14px
}

.eform-wechatconfig-modal .config-item .txt {
    position: absolute;
    left: 0;
    top: 1px
}

.eform-wechatconfig-modal .config-item .field {
    max-width: 100%;
    padding-left: 50px
}

.eform-wechatconfig-modal .config-item .field .img-box {
    position: relative;
    width: 70px;
    height: 70px;
    display: none;
    float: left;
    margin-left: 10px
}

.eform-wechatconfig-modal .config-item .field .img-box.on {
    display: inline-block
}

.eform-wechatconfig-modal .config-item .field .img-opt {
    position: absolute;
    top: 0;
    right: 0
}

.eform-wechatconfig-modal .config-item .field .img-opt a {
    color: #fb6e52
}

.eform-wechatconfig-modal .config-item .field .img-opt a:hover {
    text-decoration: none;
    color: #e00505
}

.eform-wechatconfig-modal .config-item .img-add {
    text-align: center;
    color: #999;
    border: 1px solid #ddd;
    background: #f8f8f8;
    padding-top: 15px;
    width: 70px;
    height: 70px;
    float: left;
    position: relative;
    z-index: 2;
    cursor: pointer
}

.eform-wechatconfig-modal .config-item .img-add i {
    font-size: 18px
}

.eform-wechatconfig-modal .config-item .img-add p {
    font-size: 12px
}

.eform-wechatconfig-modal .config-item .tips {
    width: 100%;
    overflow: hidden;
    padding-top: 5px;
    font-size: 12px;
    color: #999
}

.eform-wechatconfig-modal .preview-card>.title {
    font-size: 15px;
    color: #666;
    margin-bottom: 20px
}

.eform-wechatconfig-modal .preview-card {
    margin-bottom: 30px
}

.eform-wechatconfig-modal .preview-card:last-child {
    margin-bottom: 80px
}

.eform-wechatconfig-modal .preview-card .content {
    position: relative
}

.eform-wechatconfig-modal .preview-card .ico {
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px
}

.eform-wechatconfig-modal .preview-card .chat-box {
    margin-left: 68px;
    position: relative;
    border: 1px solid #eee;
    border-radius: 5px;
    min-height: 120px
}

.eform-wechatconfig-modal .preview-card .chat-box:before {
    width: 9px;
    height: 9px;
    position: absolute;
    content: "";
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #eee;
    transform: rotate(-135deg);
    background: #fff;
    z-index: 1;
    top: 12px;
    left: -5px
}

.eform-wechatconfig-modal .chat-box .txt {
    padding: 10px 68px 10px 10px
}

.eform-wechatconfig-modal .preview-card .txt>.title {
    font-size: 15px;
    color: #666;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.eform-wechatconfig-modal .preview-card .txt>.info {
    font-size: 12px;
    color: #999;
    overflow: hidden;
    height: 50px;
    margin-top: 4px
}

.eform-wechatconfig-modal .preview-card .img {
    position: absolute;
    right: 10px;
    top: 35px
}

.eform-wechatconfig-modal .preview-card .foot {
    position: absolute;
    bottom: 0;
    padding: 2px 10px;
    border-top: 1px solid #ececec;
    left: 0;
    right: 0;
    font-size: 12px;
    color: #999
}

.eform-wechatconfig-modal .preview-card .moments-box {
    margin-left: 68px
}

.eform-wechatconfig-modal .preview-card .moments-box .txt {
    color: #2363a7;
    margin-bottom: 12px
}

.eform-wechatconfig-modal .preview-card .moments-box .info {
    background: #f5f7fb;
    padding: 5px;
    position: relative;
    min-height: 55px
}

.eform-wechatconfig-modal .preview-card .moments-box .info img {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 5px;
    left: 5px
}

.eform-wechatconfig-modal .preview-card .moments-box .details {
    padding-left: 60px;
    margin-top: 9px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.eform-wechatconfig-modal .modal-body {
    max-height: 800px
}

.eform-distribute-avatar {
    z-index: 9999
}

.eform-distribute-avatar .modal-body {
    max-height: 450px;
    min-height: 375px
}

.eform-distribute-avatar .img-box-hd .img-thumb {
    margin: 0 41px 0 13px
}

.eform-distribute-avatar .img-add {
    color: #bbbaba
}

.eform-distribute-avatar .img-add:hover {
    color: #999
}

.eform-distribute-avatar .img-add>i {
    height: 48px;
    width: 48px;
    line-height: 48px;
    border: 1px solid #f1f1f1;
    background: #f8f9fa;
    display: inline-block;
    font-size: 30px;
    margin-right: 8px;
    vertical-align: middle;
    border-radius: 3px
}

.eform-distribute-avatar .img-add:hover i {
    border-color: #fda316
}

.eform-distribute-avatar .img-thumb img {
    border-radius: 5px;
    cursor: pointer;
    height: 48px
}

.eform-distribute-avatar .img-lib {
    padding: 0;
    margin: 0
}

.eform-distribute-avatar .img-lib>li {
    float: left;
    list-style: none;
    padding: 12px;
    margin: 0 15px 5px 0;
    border: 1px solid #fff
}

.eform-distribute-avatar .img-lib>li:hover {
    border-color: #bcceea;
    background: #e5f0f9
}

.eform-distribute-avatar .avatar-img {
    border: 5px solid #f2f2f2;
    margin: 5px 0;
    max-width: 500px;
    max-height: 500px
}

.eform-distribute-avatar .avatar-img img {
    max-width: 500px;
    max-height: 500px
}

.eform-distribute-avatar .avatar-note {
    height: 200px;
    width: 400px;
    text-align: center;
    line-height: 30px
}

.eform-distribute-avatar .avatar-preview-wrapper p {
    margin: 0;
    text-align: center;
    line-height: 30px
}

.eform-distribute-avatar .avatar-img {
    margin: 5px 0;
    max-height: 360px;
    max-width: 380px
}

.eform-distribute-avatar .avatar-note {
    width: 300px;
    text-align: center
}

.eform-distribute-avatar .avatar-wrapper {
    position: relative
}

.eform-distribute-avatar .avatar-preview-wrapper {
    position: absolute;
    top: 0;
    right: 15px
}

.eform-distribute-avatar .avatar-preview-wrapper p {
    margin: 0;
    line-height: 30px
}

.eform-distribute-avatar .btn-groups {
    margin: 15px 0
}

.eform-distribute-avatar .btn-groups .cut-tip {
    margin-left: 5px
}

.eform-distribute-avatar .avatar-preview {
    margin: 0;
    border: 2px solid #f2f2f2;
    width: 244px;
    height: 84px;
    overflow: hidden;
    position: relative
}

.eform-distribute-avatar .avatar-preview img {
    position: absolute;
    max-width: none
}

.eform-distribute-avatar .avatar-nochange-preview img {
    height: 80px;
    position: static;
    display: block
}

.eform-distribute-dialog .disabled-shadow {
    position: absolute;
    top: 48px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    background-color: rgba(255,255,255,0.8)
}

.eform-distribute-dialog .sensitive-words {
    padding: 10px 10px 7px;
    margin: 10px 0;
    border: 1px solid #ffd9d9;
    border-radius: 4px
}

.eform-distribute-dialog .sensitive-words .hd {
    color: #ff6f6f;
    margin-bottom: 9px
}

.eform-distribute-dialog .sensitive-words .bd {
    max-height: 48px
}

.eform-distribute-dialog .sensitive-words .word-item {
    background: #ffe9e9;
    border-radius: 2px;
    color: #ff6161;
    display: inline-block;
    font-size: 12px;
    padding: 2px 5px;
    vertical-align: top;
    margin-bottom: 3px
}

.eform-distribute-dialog .sensitive-words .word-item+.word-item {
    margin-left: 3px
}

.eform-distribute-wechat {
    z-index: 9999
}

.eform-distribute-wechat .modal-body {
    max-height: 450px;
    min-height: 375px
}

.eform-distribute-wechat .img-box-hd .img-thumb {
    margin: 0 41px 0 13px
}

.eform-distribute-wechat .img-add {
    color: #bbbaba
}

.eform-distribute-wechat .img-add:hover {
    color: #999
}

.eform-distribute-wechat .img-add>i {
    height: 48px;
    width: 48px;
    line-height: 48px;
    border: 1px solid #f1f1f1;
    background: #f8f9fa;
    display: inline-block;
    font-size: 30px;
    margin-right: 8px;
    vertical-align: middle;
    border-radius: 3px
}

.eform-distribute-wechat .img-add:hover i {
    border-color: #fda316
}

.eform-distribute-wechat .img-thumb img {
    border-radius: 5px;
    cursor: pointer;
    height: 48px
}

.eform-distribute-wechat .img-lib {
    padding: 0;
    margin: 0
}

.eform-distribute-wechat .img-lib>li {
    float: left;
    list-style: none;
    padding: 12px;
    margin: 0 15px 5px 0;
    border: 1px solid #fff
}

.eform-distribute-wechat .img-lib>li:hover {
    border-color: #bcceea;
    background: #e5f0f9
}

.eform-distribute-wechat .avatar-img {
    border: 5px solid #f2f2f2;
    margin: 5px 0;
    max-width: 500px;
    max-height: 500px
}

.eform-distribute-wechat .avatar-img img {
    max-width: 500px;
    max-height: 500px
}

.eform-distribute-wechat .avatar-note {
    height: 200px;
    width: 400px;
    text-align: center;
    line-height: 30px
}

.eform-distribute-wechat .avatar-preview-wrapper p {
    margin: 0;
    text-align: center;
    line-height: 30px
}

.eform-distribute-wechat .avatar-img {
    margin: 5px 0;
    max-height: 360px;
    max-width: 380px
}

.eform-distribute-wechat .avatar-note {
    width: 300px;
    text-align: center
}

.eform-distribute-wechat .avatar-wrapper {
    position: relative
}

.eform-distribute-wechat .avatar-preview-wrapper {
    position: absolute;
    top: 0;
    right: 15px
}

.eform-distribute-wechat .avatar-preview-wrapper p {
    margin: 0;
    line-height: 30px
}

.eform-distribute-wechat .btn-groups {
    margin: 15px 0
}

.eform-distribute-wechat .btn-groups .cut-tip {
    margin-left: 5px
}

.eform-distribute-wechat .avatar-preview {
    margin: 0;
    border: 2px solid #f2f2f2;
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: relative
}

.eform-distribute-wechat .avatar-preview img {
    position: absolute;
    max-width: none
}

.eform-distribute-wechat .avatar-nochange-preview img {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%)
}

.eform-collect-ul ul>li,.eform-collect-ul .list ul>li {
    border-top: 0;
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: 0
}

.eform-collect-tab>ul>.title {
    background: #f7f7f7
}

.eform-collect-tab>ul>div .eform-collect-ul>ul>li.title {
    background: #fcfcfc
}

.eform-collect-tab>ul>div .eform-collect-ul>ul>div>li {
    background: #f8f8f8
}

.eform-collect-ul {
    overflow: hidden;
    clear: both
}

.eform-collect-ul>li.title {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: 0
}

.eform-collect-ul>div>li.list>ul {
    border-right: 0;
    border-left: none;
    border-bottom: 0
}

.eform-collect-ul>div>li.list>ul>li:first-child {
    border-top: 0
}

.eform-collect-ul li.common-more {
    border-bottom: 0;
    border-left: none;
    border-radius: 0;
    border-right: 0;
    border-top: 1px solid #ddd;
    padding: 0
}

.eform-collect-ul .send-success {
    color: #68a945
}

.eform-collect-ul .send-again {
    border-left: none!important
}

.eform-collect-ul .send-again a {
    color: #e84c1c
}

.eform-collect-tab .sham-tab .list-more {
    border: 0;
    border-top: 1px solid #ddd
}

.eform-collect-tab .list .logdetaillist-ul {
    border-bottom: 1px solid #ddd
}

.eform-collect-tab .no-data {
    border-bottom: 0
}

.eform-collect-tab .title {
    color: #676a6c!important
}

.eform-collect-dialog .modal-dialog {
    width: 1000px
}

.eform-collect-dialog .modal-body {
    max-height: 550px
}

.eform-stat-content .formst-panel {
    padding: 0
}

.eform-stat-content .ebox1 {
    border: 0
}

.eform-stat-content .title {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    text-align: left;
    text-indent: 17px
}

.eform-stat-content .details {
    overflow-y: hidden
}

.eform-stat-content>.toolkit>a {
    color: #333;
    display: block;
    font-size: 14px;
    line-height: 49px;
    margin: 0 0 0 10px;
    text-decoration: none
}

.eform-stat-content>.toolkit>a>span {
    color: #999;
    display: block;
    float: left;
    font-size: 25px;
    line-height: 30px;
    margin: 10px 5px 0 0
}

.eform-stat-content li>a>i {
    font-size: 14px;
    margin-right: 3px;
    position: relative;
    top: 1px
}

.eform-data-content .advanceSearch .formstat-uphide {
    width: 58px;
    float: right;
    margin: 5px 0 0 0!important
}

.eformst-tools ul li {
    float: right;
    margin-left: 5px
}

.eform-data-content .eformst-tools ul li {
    float: right;
    margin: 0 10px 0 0
}

.eform-data-content {
    padding: 10px 0 0 0;
    position: relative
}

.eform-data-tb table {
    table-layout: fixed
}

.eform-data-tb table th,.eform-data-tb table th>div,.eform-data-tb table td {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 150px
}

.eform-data-tb table th {
    background: #f0f0f0
}

.eform-data-tb table td {
    word-break: break-all;
    word-wrap: break-word
}

.eform-data-tb table tr>th.ckx,.eform-data-tb table tr>td.ckx {
    width: 16px;
    text-align: center;
    -webkit-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box
}

.eform-data-tb>.mCustomScrollBox>.mCSB_container {
    min-width: 100%
}

.eform-data-panel .wform-list {
    float: left
}

.eform-data-btn {
    margin: 0 0 0 110px
}

.eform-stat-content .formFieldDatas .form_empty {
    text-align: center;
    line-height: 30px
}

.eform-stat-content .formFieldDatas .form_empty>a {
    color: #ddd;
    font-size: 18px
}

.eform-stat-content .formFieldDatas .form_empty>a:hover {
    text-decoration: none
}

.eform-stat-content .formFieldDatas>div.formstat-tools>ul {
    position: absolute;
    right: 5px;
    top: 0
}

.eform-stat-content .eform-collect-tab li>.number {
    width: 10%
}

.eform-stat-content .eform-collect-tab li>.opertor {
    width: 10%
}

.eform-stat-content .eform-collect-tab li>.send_count {
    width: 10%
}

.eform-stat-content .eform-collect-tab li>.success_failure {
    width: 15%
}

.eform-stat-content .eform-collect-tab li>.send_time {
    width: 40%
}

.eform-stat-content .eform-collect-tab li>.detail {
    width: 15%
}

.eform-stat-content .eform-collect-tab>ul,.eform-stat-content .eform-collect-tab>ul a {
    text-align: center
}

.eform-data-content .formFieldDatas {
    height: 100%
}

.eform-data-content .fieldstatbody {
    top: 50px;
    bottom: 10px;
    width: 100%
}

.eform-data-content .fieldstatbody .panel-heading {
    padding: 8px;
    padding-left: 16px;
    font-weight: bold
}

.eform-data-content .fieldstatbody .panel-body {
    padding-top: 0
}

.eform-data-content .fieldstatbody .table {
    margin-bottom: 5px
}

.eform-data-content .fieldstatbody .table th {
    background-color: #eee
}

.eform-data-content .fieldstatbody .panel-default {
    box-shadow: none
}

.eform-data-content .fieldstatbody .totalcount {
    text-align: right
}

.eform-data-content .advanceSearch {
    background-color: #f7f7f7;
    overflow: hidden;
    border: 1px solid #ccc;
    border-left: none;
    border-right: 0;
    position: absolute;
    z-index: 1
}

.eform-data-content .searchfields {
    display: block;
    float: left;
    overflow: auto
}

.eform-data-content .searchfields li {
    float: left;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin: 0 20px 0 0
}

.eform-data-content .searchfields li>* {
    display: block;
    float: left
}

.eform-data-content .searchfields li>input[type="checkbox"] {
    margin: 14px 2px 0 0
}

.eform-data-content .searchfields li>span {
    min-width: 197px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 197px
}

.eform-field-tab .search-detail {
    padding-left: 8px
}

.eform-field-tab .stat-ways {
    float: right
}

.eform-field-tab .stat-ways span {
    display: inline-block;
    margin-right: 10px;
    cursor: pointer
}

.eform-field-tab .stat-ways i {
    width: 20px;
    height: 19px;
    margin-top: -5px
}

.eform-field-tab .stat-ways .graph-bar {
    background-position: -41px -575px
}

.eform-field-tab .stat-ways .bar:hover .graph-bar {
    background-position: -102px -575px
}

.eform-field-tab .stat-ways .graph-pie {
    background-position: 0 -575px
}

.eform-field-tab .stat-ways .pie:hover .graph-pie {
    background-position: -60px -575px
}

.eform-field-tab .stat-ways .graph-table {
    background-position: -20px -575px
}

.eform-field-tab .stat-ways .tableitem:hover .graph-table {
    background-position: -80px -575px
}

.eform-field-tab .prograssbar {
    height: 16px;
    position: relative
}

.eform-field-tab .prograssbar .percentage {
    position: absolute;
    right: -55px;
    font-style: italic
}

.eform-field-tab .bartd {
    padding-right: 60px
}

.eform-field-tab .barview,.eform-field-tab .pieview {
    width: 50%;
    margin: 0 auto;
    height: 300px;
    display: none
}

.eform-field-detail .field-datas {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px
}

.eform-field-detail .table {
    margin-bottom: 0
}

.eform-field-detail .table tr {
    min-height: 34px
}

.eform-field-detail .totalnumber {
    float: right
}

.eform-data-table table {
    table-layout: auto
}

.eform-data-table table th,.eform-data-table table td {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 220px
}

.eform-data-table table th {
    background: #f8f8f8
}

.wform-stat-tb table tr>th.ckx,.wform-stat-tb table tr>td.ckx {
    width: 16px;
    -webkit-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    text-align: center
}

.formstat-noresult {
    text-align: center;
    color: #ddd;
    font-size: 12px;
    position: absolute;
    top: 58px;
    left: 0;
    right: 0
}

.eform-statreport-view .chart-list>li {
    margin: 10px;
    float: left;
    border: 1px solid #eaeaea;
    padding: 15px;
    height: 270px;
    width: 370px;
    position: relative;
    background-color: #fff
}

.eform-statreport-view .chart-list>li.list-add:hover {
    background-color: #f1f9ff;
    border-color: #7ed1ff;
    color: #666
}

.eform-statreport-view .chart-list>li.list-add {
    text-align: center;
    color: #999
}

.eform-statreport-view .chart-list>li.list-add i {
    font-size: 43px;
    margin-top: 77px;
    display: inline-block
}

.eform-statreport-view .chart-list .title {
    position: relative
}

.eform-statreport-view .chart-list .list-box {
    height: 206px;
    overflow: hidden
}

.eform-statreport-view .chart-list .text {
    color: #666;
    font-size: 15px;
    padding: 0 60px 10px 0;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: #fff
}

.eform-statreport-view .chart-list .ico {
    width: 55px;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0
}

.eform-statreport-view .chart-list .ico>span {
    padding: 0 0 0 10px;
    cursor: pointer;
    display: inline-block
}

.eform-statreport-view .chart-list .ico>span>a {
    cursor: pointer;
    display: inline-block
}

.eform-statreport-view .chart-list .ico>span>a:hover {
    text-decoration: none
}

.eform-statreport-view .chart-list .ico i.icon-ellipsis {
    color: #999
}

.eform-statreport-view .chart-detail {
    padding: 0;
    margin: 20px 10px
}

.eform-statreport-view .chart-detail .chart-title {
    color: #666;
    padding: 0 20px;
    font-weight: bold;
    border-bottom: 1px solid #d5d5d5;
    height: 50px;
    line-height: 50px;
    position: relative
}

.eform-statreport-view .chart-detail .chart-filter {
    background-color: #fff;
    width: 100%;
    border-bottom: 1px solid #cfcfcf
}

.eform-statreport-view .chart-detail .chart-filter>.sch-wrapper {
    border: 0
}

.eform-statreport-view .chart-title>.close {
    position: absolute;
    right: 10px;
    top: 13px;
    font-size: 22px
}

.eform-statreport-view .chart-detail .btn-filter {
    position: absolute;
    top: 10px;
    right: 42px
}

.eform-statreport-view .chart-detail .form>div {
    padding: 10px;
    border-top: 1px solid #d5d5d5;
    overflow: hidden
}

.eform-statreport-view .chart-detail .form>div:first-child {
    border-top: 0
}

.eform-statreport-view .chart-detail .form-tablestat .panel-heading {
    text-align: center;
    margin-bottom: 5px;
    padding: 0 8px;
    font-size: 18px
}

.eform-statreport-view .chart-detail .form-tablestat .panel-default {
    margin-bottom: 0
}

.eform-statreport-view .chart-detail .alert {
    padding: 0;
    margin-bottom: 0
}

.eform-statreport-view .chart-opt {
    position: relative
}

.eform-statreport-view .chart-opt>ul {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 100;
    float: left;
    padding: 5px 0;
    margin: -2px 0 0;
    text-align: left;
    border: 1px solid #a3adba;
    background-color: #fff;
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    display: none;
    margin-bottom: 0
}

.eform-statreport-view .chart-opt>ul>li>a {
    display: block;
    padding: 5px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    font-size: 14px
}

.eform-statreport-view .chart-opt>ul>li>a:hover,.eform-statreport-view .chart-opt>ul>li>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #2dc3e8
}

.eform-statreport-view .chart-opt>ul>.active>a,.eform-statreport-view .chart-opt>ul>.active>a:hover,.eform-statreport-view .chart-opt>ul>.active>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #2dc3e8;
    outline: 0
}

.eform-statreport-view .chart-opt>ul>li>a [class^="icon-"] {
    float: none!important;
    display: inline-block;
    vertical-align: middle;
    margin: 0 7px 0 0;
    position: relative;
    top: -1px;
    color: #666
}

.eform-statreport-view .chart-list .alert {
    padding: 0;
    margin: 0
}

.eform-statreport-view .chart-list .form-tablestat {
    margin: 0
}

.eform-statreport-view .form-tablestat table.datareport-table,.eform-statreport-view .preview-chart table {
    border: 0;
    table-layout: fixed
}

.eform-statreport-view .form-tablestat table.datareport-table th,.eform-statreport-view .preview-chart table th {
    background-color: #fff;
    color: #333;
    font-size: 12px;
    font-weight: normal
}

.eform-statreport-view .form-tablestat table.datareport-table th,.eform-statreport-view .form-tablestat table.datareport-table td,.eform-statreport-view .preview-chart table th,.eform-statreport-view .preview-chart table td {
    border-width: 0 0 1px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 9px 8px;
    border-color: #e7eaef
}

.eform-statreport-view .form-tablestat table.datareport-table td,.eform-statreport-view .preview-chart table td {
    color: #666;
    position: relative
}

.eform-statreport-view .chart-list .panel-body {
    padding: 0
}

.eform-statreport-view .chart-list .nodata {
    width: 338px;
    height: 209px;
    overflow: hidden;
    cursor: pointer;
    position: relative
}

.eform-statreport-view .chart-list .nodata>div {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -36px 0 0 -31px
}

.eform-statreport-view .chart-list .nodata i,.eform-statreport-view .chart-detail .nodata i {
    background: url(/static/img/global/nodata.png) no-repeat;
    width: 63px;
    height: 42px;
    display: block;
    margin: 0 auto
}

.eform-statreport-view .chart-list .nodata span,.eform-statreport-view .chart-detail .nodata span {
    display: inline-block;
    width: 63px;
    text-align: center;
    color: #999;
    margin: 10px 0 0 0
}

.eform-statreport-view .chart-detail .nodata {
    width: 100%;
    height: 209px;
    overflow: hidden;
    cursor: pointer;
    position: relative
}

.eform-statreport-view .chart-detail .nodata>div {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -40px 0 0 -31px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25),only screen and (min-resolution:120dpi),only screen and (min-resolution:1.25dppx) {
    .eform-statreport-view .chart-list .nodata i,.eform-statreport-view .chart-detail .nodata i {
        background:url(/static/img/global/nodata@2x.png) no-repeat;
        background-size: 63px 42px
    }
}

.eform-statreport-view .chart-list .loading_large {
    height: 32px;
    width: 32px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -16px 0 0 -16px
}

.eform-report-content .mCSB_container {
    padding: 0 0 50px 0
}

.eform-report-view {
    padding: 10px
}

.eform-report-list li {
    margin: 10px;
    float: left;
    border: 1px solid #d5d5d5;
    background-color: #f7f7f7;
    padding: 15px;
    height: 140px;
    width: 300px;
    position: relative
}

.eform-report-list li:hover {
    background-color: #f1f9ff;
    border-color: #7ed1ff
}

.eform-report-list li h4 {
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    cursor: pointer;
    margin: 0 0 10px
}

.eform-report-list li .info {
    font-size: 12px;
    color: #999
}

.eform-report-list li .btn-group {
    position: absolute;
    bottom: 15px;
    right: 15px
}

.eform-report-list li:hover .btn-group .btn {
    border-color: #7ed1ff
}

.eform-report-list li .btn-group .btn:hover {
    background: #d7ecff
}

.eform-report-list li.list-add {
    text-align: center;
    color: #999
}

.eform-report-list li.list-add:hover {
    color: #666
}

.eform-report-list li.list-add i {
    font-size: 43px;
    margin-top: 18px;
    display: inline-block
}

.eform-report-content .eform-list li {
    padding: 30px 0 20px
}

.eform-report-content .list-box>.btn-group {
    right: 20px
}

.eform-field-tab .panel-heading {
    background: 0;
    border-bottom: 0
}

.biaogeform-content .mCSB_container {
    padding: 0 0 300px 0
}

.eform-uploadcloud-view .uploadcloud-content {
    border: 1px solid #d5d5d5;
    background-color: #fff
}

.eform-uploadcloud-view .uploadcloud-content .item {
    border: 0
}

.eform-uploadcloud-view .detail-header .tip {
    float: left;
    height: 51px;
    line-height: 51px;
    margin: 0 20px;
    text-align: center;
    color: #999
}

.eform-uploadcloud-view .detail-header .tip {
    float: left;
    height: 51px;
    line-height: 51px;
    margin: 0 20px;
    text-align: center;
    color: #999;
    font-size: 12px
}

.eform-uploadcloud-view .uploadcloud-footer {
    overflow: hidden;
    margin: 10px 0 0;
    position: relative
}

.eform-uploadcloud-view .uploadcloud-footer span {
    text-align: center;
    display: inline-block;
    width: 100%;
    font-size: 12px;
    color: #999;
    margin: 10px
}

.eform-uploadcloud-view .uploadcloud-footer a {
    position: absolute;
    top: 0;
    right: 0
}

.eform-application-main .main-content {
    padding: 20px
}

.eform-application-main .main-sidebar {
    width: 201px;
    background: #fff;
    border-left: 1px solid #eaeaea;
    -webkit-transition: width .25s linear 0s;
    -ms-transition: width .25s linear 0s;
    -moz-transition: width .25s linear 0s;
    transition: width .25s linear 0s
}

.eform-application-main .main-sidebar-bd {
    width: 200px
}

.eform-cloud-content {
    overflow: hidden
}

.eform-cloud-content .title {
    background: #f5f5f5;
    border: 1px solid #d5d5d5;
    color: #646464;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    text-indent: 20px;
    position: relative
}

.eform-cloud-content .title .module-help {
    top: 0
}

.eform-cloud-content .item dt,.eform-cloud-content .item-nobd dt {
    color: #666;
    font-weight: bold;
    height: 24px;
    left: -100px;
    margin: 0 0 5px 18px;
    position: absolute;
    text-align: right;
    top: 0;
    width: 100px
}

.eform-cloud-content .item dd,.eform-cloud-content .item-nobd dd {
    display: inline-block;
    float: left
}

.eform-cloud-content .item dd.selected a {
    color: #fb6e53
}

.eform-cloud-content .item dd a:hover {
    color: #0971b9
}

.eform-cloud-content .result .item-no {
    display: none
}

.eform-cloud-content .result dd:only-of-type {
    display: inline-block
}

.eform-cloud-content .item a,.eform-cloud-content .item-no a {
    font-size: 13px;
    padding: 3px 5px;
    height: 24px;
    white-space: nowrap
}

.eform-cloud-content .item-nobd a {
    font-size: 12px
}

.eform-cloud-content .item a:link,.eform-cloud-content .item-no a:link,.eform-cloud-content .item-no a:hover,.eform-cloud-content .item a:active,.eform-cloud-content .item-no a:active,.eform-cloud-content .item a:visited,.eform-cloud-content .item-no a:visited {
    text-decoration: none;
    color: #666
}

.eform-cloud-content .item-nobd a:hover {
    text-decoration: none
}

.eform-cloud-content .result {
    min-height: 37px
}

.eform-cloud-content .item-nobd a:hover {
    color: #0971b9
}

.eform-cloud-content .item-nobd .selected a {
    color: #fb6e53
}

.eform-cloud-content .item-nobd .result a {
    background: url(require("/static/img/global/close2.gif")) no-repeat scroll right 4px;
    padding: 0 20px 0 5px;
    color: #363636
}

.eform-cloud-content .result dt {
    margin: 5px 0 5px 18px
}

.eform-cloud-content .result dd {
    border: 1px solid #ccc;
    border-radius: 2px;
    margin: 5px 10px 5px 0
}

.eform-cloud-content .item-nobd .result a:hover {
    background-position: right -20px
}

.eform-cloud-content .item-nobd li {
    margin: 5px 0
}

.eform-cloud-content .item-nobd .item-no a {
    background: 0;
    padding: 0;
    color: #666;
    cursor: default
}

.eform-cloud-content .result .item-no,.eform-cloud-content .result .item-no a {
    border: 0
}

.eform-cloud-content .item li,.eform-cloud-content .item-nobd li {
    font-size: 14px;
    list-style: none outside none;
    margin: 10px 0;
    overflow: hidden;
    padding: 0 0 0 75px
}

.eform-cloud-content .item {
    overflow: hidden;
    background: #fff;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    display: block;
    padding: 10px 0
}

.eform-cloud-content .item-nobd {
    border-top: 1px solid #d5d5d5
}

.eform-cloud-content .item .item-line {
    border-bottom: 0;
    border-top: 1px solid #dcdcdc;
    display: block;
    margin: 10px 0 0 0;
    padding: 0;
    position: relative;
    z-index: 10
}

.eform-cloud-content .item-line span {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    width: 50px;
    cursor: pointer
}

.eform-cloud-content .item-line span>i {
    color: #818181;
    display: block;
    font-size: 14px;
    font-weight: normal;
    text-align: center
}

.eform-cloud-content .item-line span>i:first-child {
    margin: 0 0 -8px
}

.eform-cloud-content .item-line span>i:last-child {
    margin: 0 0 2px
}

.eform-cloud-content .item dl,.eform-cloud-content .item-nobd dl {
    line-height: 24px;
    padding: 0 0 0 22px;
    position: relative
}

a.eformcd-preview {
    color: #08a500
}

a.eformcd-copy {
    color: #f57809
}

.eform-cloud-tb {
    border: 1px solid #eaeaea;
    background-color: #fff;
    position: relative
}

.eform-cloud-tb .cloundform-checkbox {
    position: absolute;
    top: 15px;
    right: 20px
}

.eform-cloud-tb .cloundform-checkbox>* {
    display: block;
    float: left
}

.eform-cloud-tb .cloundform-checkbox>input {
    margin: 4px 5px 0!important
}

.eform-cloud-tb .tool {
    border-bottom: 1px solid #eaeaea;
    padding: 10px 20px;
    overflow: hidden
}

.eform-cloud-tb .tool a {
    border: 1px solid transparent;
    color: #2b2b2b;
    display: inline-block;
    line-height: 28px;
    padding: 0 20px;
    text-decoration: none;
    margin: 0 5px 0 0;
    overflow: hidden
}

.eform-cloud-tb .tool a:hover,.eform-cloud-tb .tool a.current {
    background-color: #fff;
    border: 1px solid #fb6e53;
    border-radius: 2px;
    color: #fb6e53
}

.eform-cloud-tb .tool a,.eform-cloud-tb .tool ul {
    float: left
}

.eform-cloud-tb .list {
    background-color: #f7f7f7;
    padding: 20px
}

.eform-cloud-tb .list .common-more:hover {
    background-color: #eee
}

.eform-cloud-tb .cloundform-checkbox {
    position: absolute;
    top: 15px;
    right: 20px
}

.eform-cloud-item {
    background-color: #fff;
    border: 1px solid #eaeaea;
    height: 100px;
    margin-bottom: 10px;
    padding: 15px;
    position: relative;
    border-radius: 3px;
    transition: all .15s linear
}

.eform-cloud-item .item-info,.eform-cloud-item .item-desc,.eform-cloud-item .item-title {
    overflow: hidden;
    padding-right: 160px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.eform-cloud-item .item-title {
    color: #383838;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold
}

.eform-cloud-item .item-info,.eform-cloud-item .item-desc {
    color: #939393
}

.eform-cloud-item .item-info {
    margin: 5px 0
}

.eform-cloud-item .dlcnt {
    color: #999;
    position: absolute;
    right: 15px;
    top: 15px;
    line-height: 26px;
    font-size: 12px
}

.eform-cloud-item .dlcnt span.countnum {
    color: #fb6e53;
    margin: 0 5px
}

.eform-cloud-item .dlcnt i,.eform-cloud-item .dlcnt span {
    display: block;
    float: left
}

.eform-cloud-item .opbtns {
    bottom: 15px;
    position: absolute;
    right: 15px
}

.eform-cloud-item .opbtns .btn {
    color: #5c5c5c;
    padding: 5px 10px
}

.eform-cloud-item .opbtns .btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.eform-cloud-item .btn-group i {
    margin: 1px 5px 0 0
}

.eform-cloud-item .table-list-count {
    color: #878585;
    display: none;
    text-align: center
}

.eform-cloud-item .table-list-more:hover {
    color: #0063a6
}

.eform-cloud-item:hover,.eform-cloud-item:hover .opbtns .btn {
    border: 1px solid #7ed1ff
}

.eform-cloud-item .opbtns .btn:hover {
    background-color: #d7ecff
}

.eform-cloud-item:hover {
    background: #fff
}

.eform-cloud-sidebar .left-title-hot {
    font-size: 18px;
    margin-top: 15px
}

.eform-cloud-sidebar .hotform-card {
    display: block;
    margin: 10px 5px;
    padding: 10px 5px;
    text-decoration: none;
    transition: all .3s ease 0s;
    border-radius: 1px;
    border: 1px solid #eaeaea;
    background: #f9f9f9;
    border-radius: 3px
}

.eform-cloud-sidebar .hotform-card:hover {
    border: 1px solid #7ed1ff;
    background: #fff;
    box-shadow: 4px 1px 9px rgba(0,0,0,0.10)
}

.eform-cloud-sidebar .catalog-logo {
    height: 50px;
    margin: 10px auto;
    text-align: center;
    width: 120px
}

.eform-cloud-sidebar .catalog-restaurants {
    background-image: url(require("../img/catalogs.png"));
    display: inline-block;
    height: 65px;
    width: 74px
}

.eform-cloud-sidebar .hotform-card p {
    color: #939393;
    font-size: 12px;
    margin: 10px auto 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px
}

.eform-cloud-sidebar .hot-title {
    font-size: 20px
}

.eform-cloud-main .table-tray {
    padding: 20px 0 0 20px
}

.eform-cloud-main .main-content {
    padding: 0 20px 0 46px
}

.eform-cloud-main .main-content .mCSB_container {
    padding-right: 20px
}

.j_filterLabelsScr>.mCustomScrollBox>.mCSB_container,.eform-application-main>.mCustomScrollBox>.mCSB_container {
    padding-right: 0
}

.eform-cloud-main .main-sidebar-bd {
    padding: 20px 15px;
    width: 340px
}

.eform-cloud-main .main-sidebar {
    width: 120px
}

.eform-cloud-main .main-sidebar .input-group {
    width: 120px
}

.eform-cloud-main .main-sidebar .input-group input {
    padding-right: 25px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.eform-cloud-main .form-control-feedback {
    color: #999;
    text-decoration: none
}

.eform-cloud-main .form-control-feedback:hover {
    color: #666
}

.eform-cloud-main .main-sidebar>ul,.eform-cloud-main .main-sidebar .cloud-menu {
    padding: 12px 24px 22px
}

.eform-cloud-main .main-sidebar .cloud-menu {
    padding-top: 0
}

.eform-cloud-main .cloud-submenu {
    position: relative
}

.eform-cloud-main .cloud-menu>li+li {
    margin-top: 14px
}

.eform-cloud-main .main-sidebar ul a {
    text-decoration: none;
    color: #666
}

.eform-cloud-main .cloud-menu>li>a {
    color: #999;
    font-size: 12px;
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 15px;
    vertical-align: bottom
}

.eform-cloud-main .cloud-menu>li>a:after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-color: #bbb;
    border-style: solid;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    right: 1px;
    top: 50%;
    margin-top: -4px
}

.eform-cloud-main .cloud-menu>li>a.active:after {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg)
}

.eform-cloud-main .cloud-submenu a:hover {
    color: #333
}

.eform-cloud-main .cloud-submenu a.active {
    color: #5d9cec
}

.eform-cloud-main .cloud-menu>li>a+ul {
    margin-top: 8px
}

.eform-cloud-main .cloud-submenu a {
    color: #666;
    font-size: 14px;
    line-height: 28px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.eform-cloud-main .main-sidebar ul a:not(.active):hover {
    color: #333
}

.eform-cloud-main .main-sidebar>.cloud-submenu+.cloud-menu {
    margin-top: 10px;
    padding-top: 22px;
    position: relative
}

.eform-cloud-main .main-sidebar .cloud-submenu-bordered:before {
    position: absolute;
    content: "";
    background-color: #ebebeb;
    height: 1px;
    left: 20px;
    right: 20px;
    bottom: 0
}

.eform-cloud-main .main-sidebar .cloud-submenu-bordered {
    margin-bottom: 12px
}

.eform-cloud-main .main-sidebar li {
    line-height: 27px
}

.eform-cloud-main .cloud-banner {
    position: relative;
    height: 163px;
    overflow: hidden;
    padding-bottom: 23px
}

.eform-cloud-main .cloud-banner .opt-pre,.eform-cloud-main .cloud-banner .opt-next {
    position: absolute;
    width: 40px;
    height: 140px;
    z-index: 1;
    top: 0;
    cursor: pointer
}

.eform-cloud-main .cloud-banner .opt-pre i,.eform-cloud-main .cloud-banner .opt-next i {
    position: absolute;
    width: 30px;
    height: 30px;
    border-style: solid;
    border-color: #000;
    border-width: 5px 5px 0 0;
    z-index: 1;
    top: 50%;
    margin-top: -16px;
    opacity: .3;
    cursor: pointer
}

.eform-cloud-main .cloud-banner .opt-pre {
    left: 20px
}

.eform-cloud-main .cloud-banner .opt-pre:hover i,.eform-cloud-main .cloud-banner .opt-next:hover i {
    opacity: 1
}

.eform-cloud-main .cloud-banner .opt-next i {
    transform: rotate(45deg)
}

.eform-cloud-main .cloud-banner .opt-pre i {
    transform: rotate(225deg)
}

.eform-cloud-main .cloud-banner ul {
    position: absolute;
    display: table;
    table-layout: fixed
}

.eform-cloud-main .cloud-banner li {
    display: table-cell;
    width: 290px;
    height: 140px
}

.eform-cloud-main .cloud-banner li a {
    width: 270px;
    height: 140px;
    display: inline-block;
    transition: all .25s linear;
    -webkit-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    position: relative;
    border-radius: 10px
}

.eform-cloud-main .cloud-banner li a:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom,transparent,#000);
    height: 61px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    opacity: .7
}

.eform-cloud-main .cloud-banner li a:hover {
    box-shadow: 3px 2px 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 3px 2px 10px rgba(0,0,0,0.5)
}

.eform-cloud-main .cloud-banner li a img {
    border-radius: 10px
}

.eform-cloud-main .cloud-banner li a span {
    position: absolute;
    color: #fff;
    font-size: 18px;
    left: 25px;
    bottom: 12px;
    z-index: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    right: 25px;
    overflow: hidden
}

.eform-cloud-main .cloud-banner li:last-child {
    width: 270px
}

.eform-cloud-group:first-child {
    margin-top: 23px
}

.eform-cloud-group {
    overflow: hidden
}

.eform-cloud-main .cloud-head {
    position: relative;
    padding-bottom: 7px;
    margin-bottom: 10px
}

.eform-cloud-group .cloud-head:after {
    position: absolute;
    content: "";
    background-color: #ebebeb;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px
}

.eform-cloud-group .cloud-head .title {
    color: #333;
    font-size: 15px;
    max-width: 100%;
    padding-right: 71px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    padding-left: 13px
}

.eform-cloud-group .cloud-head .title:before {
    width: 3px;
    background-color: #333;
    position: absolute;
    content: "";
    top: 3px;
    bottom: 3px;
    left: 0
}

.eform-cloud-group .cloud-head .more {
    position: absolute;
    right: 0;
    bottom: 8px;
    font-size: 12px;
    color: #999;
    padding-right: 13px;
    cursor: pointer
}

.eform-cloud-group .cloud-head .more:after,.eform-cloud-group .cloud-head .more:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-color: #bebebe;
    border-style: solid;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg);
    top: 50%;
    margin-top: -4px
}

.eform-cloud-group .cloud-head .more:before {
    right: 5px
}

.eform-cloud-group .cloud-head .more:hover {
    color: #666
}

.eform-cloud-group .cloud-head .more:after {
    right: 0
}

.eform-cloud-group .cloud-container {
    padding-bottom: 10px;
    padding-left: 5px
}

.eform-cloud-group .cloud-card {
    width: 270px;
    height: 92px;
    float: left;
    padding: 15px 25px 15px 15px;
    margin-bottom: 10px;
    position: relative;
    margin-right: 5px;
    cursor: pointer
}

.eform-cloud-group .cloud-card:last-child {
    margin-right: 0
}

.eform-cloud-group .cloud-card:hover {
    box-shadow: 3px 4px 10px rgba(0,0,0,0.2);
    transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    background: #fff
}

.eform-cloud-group .cloud-card .ico {
    width: 56px;
    height: 56px;
    background-color: #79d1e2;
    border-radius: 10px;
    position: absolute;
    left: 15px;
    top: 20px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    background-position: center center;
    opacity: .8;
    background-size: 26px 26px
}

.eform-cloud-group .cloud-card .box {
    padding-left: 76px
}

.eform-cloud-group .cloud-card .caption,.eform-cloud-group .cloud-card .description,.eform-cloud-group a.opt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.eform-cloud-group .cloud-card .description {
    color: #999;
    font-size: 12px
}

.eform-cloud-group .cloud-card .caption {
    font-size: 15px;
    color: #333;
    margin-top: 2px
}

.eform-cloud-group .opt {
    margin-top: 3px;
    font-size: 12px;
    color: #999
}

.eform-cloud-group .opt .copycount span {
    margin: 0 3px;
    color: #fa6700
}

.eform-cloud-group .opt a {
    text-decoration: none;
    position: relative
}

.eform-cloud-main .main-sidebar-bd {
    width: 200px
}

.eform-cloud-main .cloud-filter>a {
    color: #999;
    text-decoration: none
}

.eform-cloud-main .cloud-filter a:hover {
    color: #5d9cec
}

.eform-catelist-modal.modal .modal-dialog {
    width: 858px;
    margin-left: -429px
}

.eform-catelist-modal .eform-cloud-group {
    padding: 15px 15px 10px 10px
}

.eform-watch-tab {
    color: #999
}

.eform-watch-tab th,.eform-watch-tab td {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.eform-watch-tab>thead {
    color: #6b6b6b
}

.eform-watch-tab .checkbox {
    min-height: 18px;
    margin: 0
}

.eform-watch-main .btn-div {
    padding: 0 0 20px 110px
}

.eform-watch-main .controls {
    margin-left: 110px;
    max-width: 720px
}

.eform-watch-main .control-label {
    font-weight: normal;
    width: 100px
}

.eform-cloud-manage .table-list .mCSB_container {
    padding: 0 0 120px 0
}

.eform-cloudmanage .depa .toolkit-btxt li>a,.eform-cloudmanage .toolkit-btxt li>a {
    color: #555;
    float: left;
    font-size: 15px;
    font-weight: bold;
    line-height: 31px
}

.eform-cloudmanage .depa .toolkit-btxt li>a.org-add {
    font-size: 22px;
    font-weight: bold
}

.eform-cloudmanage .depa .toolkit-bar li>a:hover,.eform-cloudmanage .toolkit-bar li>a:hover {
    text-decoration: none
}

.eform-cloudmanage .org-users {
    width: 80px
}

.eform-cloudmanage .depa,.eform-cloudmanage .table-list {
    padding-left: 0;
    padding-right: 0;
    background-color: #fff
}

.eform-cloudmanage>div {
    border-right: 1px solid #d5d5d5
}

.eform-cloudmanage .formlabel-info .control-group>.control-label {
    width: 60px
}

.eform-cloudmanage .formlabel-info .mCSB_container {
    padding-bottom: 300px
}

.eform-clone-tab>table>thead td,.eform-clone-tab>table>thead th {
    background: none repeat scroll 0 0 #f8f8f8
}

.eform-selct-content table tbody td {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.eform-clone-tab thead th,.eform-clone-tab thead td {
    color: #666;
    font-weight: bold
}

.eform-clone-tab tbody th,.eform-clone-tab tbody td {
    color: #999
}

.eform-selct-content table {
    table-layout: fixed
}

.eform-selct-content .modal-body table {
    height: 37px;
    min-height: 37px
}

.eform-selct-content .modal-body table .checkbox {
    margin: 0
}

.eform-clone-tab table .sn {
    line-height: 20px
}

.eform-selct-content .modal-body table .sn {
    line-height: 20px
}

.eform-clone-tab table .selected .sn {
    display: none
}

.eform-clone-tab table .text-center .checkbox {
    margin: 0
}

.eform-clone-tab table .icon-checkbox-unchecked,.eform-clone-tab table .icon-checkbox-checked {
    cursor: pointer
}

.eform-clone-tab table .operation {
    padding: 3px
}

.eform-clone-tab table .status {
    padding-top: 5px;
    padding-bottom: 0
}

.eform-clone-tab table .recommend .icon-star {
    color: orange;
    font-size: 16px;
    cursor: pointer
}

.eform-clone-tab table .recommend .icon-star-empty {
    color: orange;
    font-size: 16px;
    cursor: pointer
}

.eform-clone-tab table .title.input {
    padding-top: 3px;
    padding-bottom: 3px
}

@media(max-width : 1280px) {
    .eform-clone-tab table .operation {
        width:80px
    }
}

.eform-clone-tab table .td-nooverflow .dropdown {
    width: 60px
}

.eform-clone-tab td,.eform-clone-tab th {
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle!important
}

.eform-clone-tab .title,.eform-clone-tab .includeLabels,.eform-clone-tab .createTime,.eform-clone-tab .showNum,.eform-clone-tab.saveNum,.eform-clone-tab.status,.eform-clone-tab.operation,.eform-clone-tab.recommend {
    overflow: hidden
}

.eform-cloudmanage .table-list>.mCustomScrollBox>.mCSB_container {
    padding: 0 0 300px 0
}

.eform-collect-modal .mCSB_container {
    padding-bottom: 240px
}

.eform-cloudcreate-modal .modal-body {
    background-color: #fbfbfb;
    overflow: hidden
}

.eform-cloudcreate-modal .choose-forms {
    color: #999;
    line-height: 30px;
    margin: 17px 22px 5px
}

.eform-cloudcreate-modal .choose-forms .label {
    font-size: 12px;
    margin-right: 10px
}

.eform-cloudcreate-modal .entity-info .control-group:last-child,.eform-cloudcreate-modal .entity-info .control-group:only-child {
    border-bottom: 0
}

.eform-cloudcreate-modal .datarule-tab {
    margin: 0 auto;
    width: 140px;
    display: block;
    position: static;
    overflow: hidden;
    margin-bottom: 15px
}

.eform-cloudcreate-modal .sham-tab li>.num {
    width: 7%
}

.eform-cloudcreate-modal .sham-tab li>.formname {
    width: 30%
}

.eform-cloudcreate-modal .sham-tab li>.type {
    width: 17%
}

.eform-cloudcreate-modal .sham-tab li>.opt {
    width: 45%
}

.eform-cloudcreate-modal .eform-datarule .sham-tab li .item {
    width: 16%
}

.eform-cloudcreate-modal .eform-datarule .sham-tab li .item.sn {
    width: 8%
}

.eform-cloudcreate-modal .eform-datarule .sham-tab li .item.name {
    width: 28%
}

.eform-cloudcreate-modal .application-cloud-info .control-group {
    padding: 6px 0
}

.eform-cloudcreate-modal .application-cloud-info .control-group .control-label {
    width: 20%;
    padding: 0 20px
}

.eform-cloudcreate-modal .application-cloud-info .control-group .control-label:last-child {
    width: 60%
}

.eform-cloudcreate-modal .application-cloud-info .control-group .control-label:last-child>input {
    width: 300px
}

.eform-cloudcreate-modal .application-cloud-info .control-group .control-label:not(:last-child) {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.eform-cloudpre-modal .modal-body {
    background-color: #fbfbfb
}

.eform-cloudpre-modal .mCSB_container {
    padding-bottom: 60px
}

.eform-cloudpre-modal .cloudpre-content {
    padding: 10px 5px
}

.eform-cloudpre-modal .wform-list>li {
    height: 102px
}

.eform-cloudpre-modal .wform-list>li .graph {
    height: 16px;
    width: 16px
}

.eform-cloudpre-modal .wform-list>li .graph-flow {
    background-position: -96px -16px
}

.eform-cloudpre-modal .wform-list>li .graph-form {
    background-position: -192px -16px
}

.eform-list li.form-placeholder,.formmanage-box li.form-placeholder {
    border: 1px dashed #ff7a8a;
    height: 120px!important;
    background: none!important;
    display: inline-block
}

.eform-cty-hd {
    margin: 10px 5px 0;
    height: 30px;
    cursor: move;
    font-size: 12px
}

.form-category-hd:hover {
    border-bottom: 1px solid #ddd
}

.eform-cty-hd h4 {
    display: block;
    margin: 0;
    font-size: 14px;
    height: 30px;
    line-height: 30px
}

.eform-cty-hd h4 .ctyname {
    cursor: text;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 220px
}

.eform-cty-hd h4 .ctyname.hide {
    display: none
}

.eform-cty-hd h4 .ctyname .form-control {
    width: 100%
}

.eform-cty-hd .form-acount {
    color: #999;
    font-size: 11px;
    font-weight: normal;
    margin-left: 3px
}

.eform-cty-hd h4>input,.eform-cty-hd h4>span {
    display: block;
    float: left
}

.eform-cty-hd h4 {
    float: left;
    font-size: 15px;
    color: #333;
    font-weight: normal
}

.eform-cty-hd span {
    float: left
}

.formcatetip {
    color: #999;
    display: block;
    height: 30px;
    line-height: 30px;
    opacity: 0;
    transition: all .25s ease 0s;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease
}

.eform-cty-hd .btn-delecategory {
    color: #f00;
    font-size: 16px;
    line-height: 1;
    margin: 0 4px;
    position: relative;
    bottom: 0;
    font-weight: bold;
    text-decoration: none
}

.eform-report-modal .mCustomScrollBox {
    width: 100%
}

.eform-report-modal .mCSB_container {
    padding: 0 0 80px 0
}

.eform-report-modal .modal-body {
    height: 422px
}

.eform-report-setting {
    position: relative;
    padding: 20px
}

.eform-report-setting .period-item {
    padding: 6px 20px;
    border-bottom: 1px solid #eee;
    min-height: 45px
}

.eform-report-setting .period-item:first-child {
    border-radius: 2px 2px 0 0
}

.eform-report-setting .period-item:last-child {
    border-radius: 0 0 2px 2px;
    border-bottom: 0
}

.eform-report-setting .period-item:hover {
    background-color: #f5f5f5
}

.eform-report-setting .period-item .label {
    display: inline-block;
    line-height: 30px;
    color: #999;
    font-weight: bold;
    margin-bottom: 0;
    font-size: 12px
}

.eform-report-setting .period-item .content {
    color: #666;
    display: inline-block;
    margin: 0 10px
}

.eform-report-setting .period-item .content.hide {
    display: none
}

.eform-report-setting .period-item .entity-container:empty {
    margin-left: 0!important
}

.eform-report-setting input.input-num {
    width: 28px;
    padding: 1px 2px;
    text-align: center
}

.eform-report-setting .weekgroup {
    margin-left: 10px;
    display: inline-block
}

.eform-report-setting .weekgroup.hide {
    display: none
}

.eform-report-setting .setting-result {
    font-size: 12px;
    padding: 0 10px;
    margin-top: 15px
}

.eform-report-setting .period-item .share-label {
    float: left;
    width: 75px;
    display: block
}

.eform-report-setting .period-item .share-content {
    display: block;
    margin: 0 0 0 62px
}

.eform-report-setting .share-content .entity-item-add {
    display: none
}

.eform-report-setting .period-item:hover .entity-item-add {
    display: inline-block
}

.eform-report-setting .entity-item a:not(.btn) {
    line-height: 32px
}

.eform-report-setting .period-item .label {
    line-height: 32px
}

.remind-config-ul li.control-group {
    position: relative;
    padding: 15px 20px
}

.remind-config-ul .opt-btn {
    position: absolute;
    right: 15px;
    bottom: 10px
}

.remind-config-ul .title {
    color: #666;
    margin: 0 0 10px 0;
    word-break: break-all
}

.remind-config-ul .details {
    color: #999;
    font-size: 12px;
    font-style: italic
}

.remind-config-modal .detail-brand>* {
    display: block;
    float: left
}

.remind-config-modal .detail-brand>.tips {
    margin: 2px 0 0 5px
}

.remind-config-ul .opt-btn>* {
    color: #666;
    margin: 0 0 0 10px;
    display: block;
    float: left;
    height: 20px;
    line-height: 20px
}

.remind-config-ul .opt-btn>a.delete {
    line-height: 22px
}

.remind-config-ul .opt-btn i {
    color: #999
}

.remind-config-ul .opt-btn .dropdown-toggle {
    color: #666;
    padding: 0;
    line-height: 1
}

.remind-config-ul .opt-btn .dropdown-toggle:hover,.remind-config-ul .opt-btn>a:hover {
    text-decoration: none
}

.remind-config-modal .config-div .control-group {
    min-height: 43px
}

.remind-config-modal .config-div>div:last-child .control-group:last-child {
    border-bottom: 0
}

.remind-config-modal .mCSB_container {
    padding: 0 0 300px 0
}

.remind-config-modal .config-div .tips {
    color: #999;
    display: inline-block;
    line-height: 30px
}

.remind-config-modal .config-div .tips.hide {
    display: none
}

.remind-config-modal .configs-list {
    border: 0;
    margin: 0
}

.remind-config-modal .configs-list>ul>li {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.remind-config-modal .configs-list>ul>li:first-child {
    border-top: 1px solid #ddd
}

.remind-config-modal .configs-list>ul>li:last-child {
    border-bottom-color: #ddd
}

.eform-data-modal .mCSB_container {
    padding-bottom: 300px
}

.eform-data-modal .toolkit-list {
    display: inline-block;
    margin-top: 0;
    vertical-align: middle
}

.eform-data-config {
    position: relative;
    padding: 20px
}

.eform-data-config .eform-checkbox {
    margin: 0 0 10px;
    text-align: right
}

.eform-data-config .eform-checkbox>.checkbox-inline>* {
    display: block;
    float: left
}

.eform-data-config .eform-checkbox>.checkbox-inline>input {
    margin-top: 3px
}

.eform-data-config .entity-item a:not(.btn) {
    line-height: 32px
}

.eform-data-config .entity-info .control-group .control-label {
    line-height: 32px
}

.eform-data-config .entity-info .control-group .controls {
    margin-left: 110px
}

.eform-auth-config .entity-info .control-group .controls {
    margin-left: 88px
}

.eform-auth-config .header {
    padding: 10px 20px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ddd;
    color: #333;
    font-weight: bold
}

.eform-auth-config .header span {
    font-size: 12px;
    font-weight: normal;
    color: #999;
    margin: 0 0 0 10px
}

.eform-auth-config .slideup-div {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.eform-auth-config .formdata-auth {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px solid #eee
}

.eform-auth-config .formdata-auth .control-group:last-child {
    border-bottom: 0
}

.eform-auth-config .formdata-auth .name {
    width: 95px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    color: #999;
    float: left;
    font-size: 12px
}

.eform-auth-config .formdata-auth .type {
    margin: 0 0 0 110px
}

.eform-auth-config .formdata-auth .name span {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    max-width: 83px
}

.eform-auth-list li {
    width: 100%;
    background-color: #fff;
    border-color: #ddd;
    padding: 15px 20px;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-bottom-color: #e5e5e5;
    position: relative
}

.eform-auth-list li:hover {
    background-color: #f5f5f5
}

.eform-auth-list li:first-child {
    border-top: 1px solid #ddd
}

.eform-auth-list li:only-child,.eform-auth-list li:last-child {
    border-bottom-color: #ddd
}

.eform-auth-list .title {
    margin-bottom: 10px;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.eform-auth-list .auth-name {
    display: inline-block;
    max-width: 100%;
    padding-right: 95px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top
}

.eform-auth-list .auth-opt {
    position: absolute;
    right: 15px;
    bottom: 13px;
    font-size: 0
}

.eform-auth-list .auth-opt>a {
    font-size: 14px;
    padding: 0 7px;
    color: #666
}

.eform-auth-list .auth-opt>a:hover {
    text-decoration: none;
    cursor: pointer
}

.eform-auth-list .auth-opt>a+a {
    border-left: 1px solid #ddd
}

.eform-auth-list .user-list {
    color: #999;
    padding-right: 95px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.eform-auth-new .control-group .control-label {
    width: 95px
}

.eform-auth-new .control-group .controls {
    margin-left: 95px;
    position: relative
}

.eform-auth-new .permission-table {
    margin: 5px 0
}

.permission-table .control-group>span {
    width: 32.9%;
    display: inline-block;
    vertical-align: middle
}

.permission-table .control-group:last-child {
    border-bottom: 0
}

.permission-table .control-group.title {
    font-weight: bold;
    color: #666
}

.eform-message-config .entity-info li>span {
    display: inline-block;
    width: 50%;
    text-align: center
}

.permission-table .control-group {
    padding: 10px 20px;
    font-size: 12px;
    color: #999
}

.eform-auth-new>.entity-info>.control-group {
    min-height: 44px
}

.eform-manage-list {
    padding: 0 25px 450px
}

.eform-watermark-modal .modal-body {
    position: relative;
    padding: 15px;
    max-height: 600px;
    overflow-y: auto
}

.eform-watermark-modal .watermark-main {
    padding: 20px;
    overflow: hidden
}

.eform-watermark-modal .watermark-main>.preview-wrapper,.eform-watermark-modal .watermark-main>.config-wrapper {
    float: left
}

.eform-watermark-modal .watermark-box {
    width: 430px;
    border: 1px solid #e8e8ea;
    margin-bottom: 12px
}

.eform-watermark-modal .watermark-box:last-child {
    margin-bottom: 0
}

.eform-watermark-modal .watermark-box .head {
    padding: 9px 15px;
    border-bottom: 1px solid #e8e8ea;
    cursor: move
}

.eform-watermark-modal .watermark-box .head>* {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px
}

.eform-watermark-modal .watermark-box .head .checkbox-content,.eform-watermark-modal .watermark-box .head .checkbox-content>* {
    cursor: pointer
}

.eform-watermark-modal .watermark-box .head .checkbox-content>* {
    vertical-align: middle
}

.eform-watermark-modal .watermark-box .checkbox-content>input {
    margin-top: 0;
    margin-right: 3px
}

.eform-watermark-modal .watermark-box .head>input {
    margin: 0 14px 0 0
}

.eform-watermark-modal .watermark-box .head>.tips,.eform-watermark-modal .watermark-box .head>.opt {
    float: right
}

.eform-watermark-modal .watermark-box .head>.tips {
    color: #a9a9a9;
    font-size: 12px
}

.eform-watermark-modal .watermark-box .head>.opt {
    color: #ababab;
    margin-left: 18px;
    display: inline-block;
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease
}

.eform-watermark-modal .watermark-box .head>.opt.on {
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.eform-watermark-modal .watermark-box .info {
    padding: 15px;
    color: #a9a9a9;
    position: relative
}

.eform-watermark-modal .watermark-box .info.no-opt {
    opacity: .3
}

.eform-watermark-modal .watermark-box .info.no-opt:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.eform-watermark-modal .watermark-box .info>div>span {
    display: inline-block;
    vertical-align: middle
}

.eform-watermark-modal .watermark-box .info .color-setting {
    color: #6c6c6c;
    border-bottom: 2px solid #6c6c6c;
    padding: 0 3px;
    cursor: pointer
}

.eform-watermark-modal .watermark-box .info .txt {
    width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.eform-watermark-modal .watermark-box .info>div {
    margin-bottom: 10px
}

.eform-watermark-modal .watermark-box .info>div:last-child {
    margin-bottom: 0
}

.eform-watermark-modal .watermark-color {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    width: 186px;
    border: 1px solid #d5d5d5;
    padding: 8px;
    background-color: #fafafa;
    overflow: hidden;
    box-shadow: 1px 5px 8px rgba(0,0,0,0.3);
    border-radius: 3px;
    position: fixed
}

.eform-watermark-modal .watermark-color.hide {
    display: none
}

.eform-watermark-modal .watermark-color>span {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 0 1px 1px 0;
    cursor: pointer
}

.eform-watermark-modal .watermark-color>span.active {
    box-shadow: inset 1px 1px 8px rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 1px 1px 8px rgba(0,0,0,0.4)
}

.eform-watermark-modal .watermark-color>span:first-child {
    width: 23px;
    height: 23px;
    float: left
}

.eform-watermark-modal .watermark-main>.preview-wrapper {
    margin-left: 27px;
    width: 240px;
    height: 320px;
    border: 1px solid #e8e8ea;
    padding: 18px
}

.eform-watermark-modal .watermark-main>.config-wrapper .ui-sortable {
    margin-right: 27px
}

.eform-watermark-modal .watermark-main>.preview-wrapper>div {
    overflow: hidden
}

.eform-watermark-modal .watermark-main .msdk-pre {
    position: relative;
    text-align: center
}

.eform-watermark-modal .watermark-main .msdk-pre img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(-40deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-40deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-40deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-40deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(-40deg)
}

.eform-watermark-modal .watermark-main>.preview-wrapper>div>p {
    overflow: hidden;
    max-width: 100%;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute
}

.eform-watermark-modal .watermark-main>.preview-wrapper>div>p.hide {
    display: none
}

.eform-watermark-modal .preview-wrapper .tips {
    color: #808080;
    font-size: 13px;
    margin-bottom: 5px
}

.eform-watermark-modal .watermark-group {
    width: 100%;
    margin-bottom: -8px;
    overflow: hidden
}

.eform-watermark-modal .watermark-group .title {
    color: #666;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 5px
}

.eform-watermark-modal .watermark-group .item {
    width: 160px;
    height: 165px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    float: left;
    overflow: hidden;
    position: relative;
    margin-bottom: 28px
}

.eform-watermark-modal .watermark-group .item {
    margin-right: 28px
}

.eform-watermark-modal .watermark-group .item img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    transform: translateX(-50%) translateY(-50%) rotate(-40deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-40deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-40deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-40deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(-40deg)
}

.eform-watermark-modal .watermark-group .item-add {
    color: #999;
    text-align: center;
    padding-top: 53px;
    cursor: pointer;
    margin-right: 28px
}

.eform-watermark-modal .watermark-group .item-add i {
    font-size: 32px;
    color: #ccc
}

.eform-watermark-modal .watermark-group .item:hover {
    background: #f8f8f8;
    border-color: #d5d5d5
}

.eform-watermark-modal .watermark-group .water-txt {
    display: inline-block;
    color: #999;
    transform: rotateZ(-45deg);
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%
}

.eform-watermark-modal .watermark-group .item .delete {
    position: absolute;
    right: 5px;
    top: 5px;
    line-height: 14px;
    color: #999;
    font-size: 18px;
    display: none
}

.eform-watermark-modal .watermark-group .item:hover .delete {
    display: block
}

.eform-watermark-modal .watermark-group .item .delete:hover {
    text-decoration: none;
    color: #666
}

.eform-watermark-modal .watermark-color {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    width: 186px;
    border: 1px solid #d5d5d5;
    padding: 8px;
    background-color: #fafafa;
    overflow: hidden;
    box-shadow: 1px 5px 8px rgba(0,0,0,0.3);
    border-radius: 3px;
    position: fixed
}

.eform-watermark-modal .watermark-color.hide {
    display: none
}

.eform-watermark-modal .watermark-color>span {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 0 1px 1px 0;
    cursor: pointer
}

.eform-watermark-modal .watermark-color>span.active {
    box-shadow: inset 1px 1px 8px rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 1px 1px 8px rgba(0,0,0,0.4)
}

.eform-watermark-modal .watermark-color>span:first-child {
    width: 23px;
    height: 23px;
    float: left
}

.eform-formwrite .formwrite-bartype {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -150px
}

.writeform-content .mCSB_container {
    padding: 0 0 500px 0
}

.writeform-content .form-view .field .form-userList>div {
    display: block;
    margin: 0 0 5px 0
}

.writeform-content .form-view .field .form-userList .relevance-card:empty {
    display: none
}

.eform-stat-view .eform-sidebar {
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    -ms-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
    -webkit-transform: translateX(-280px) translateY(0px);
    -moz-transform: translateX(-280px) translateY(0px);
    -ms-transform: translateX(-280px) translateY(0px);
    -o-transform: translateX(-280px) translateY(0px);
    transform: translateX(-280px) translateY(0px);
    position: fixed;
    top: 50px;
    bottom: 0;
    left: 196px;
    z-index: 1;
    background: #f8f8f8;
    border-right: 1px solid #ddd;
    width: 270px;
    -webkit-box-shadow: 3px 0 4px rgba(0,0,0,0.1);
    -o-box-shadow: 3px 0 4px rgba(0,0,0,0.1);
    box-shadow: 3px 0 4px rgba(0,0,0,0.1)
}

.eform-stat-view .eform-sidebar.sidebar-in {
    -webkit-transform: translateX(0px) translateY(0px);
    -moz-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    -o-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
    z-index: 2
}

.eform-sidebar-content {
    width: 269px
}

.eform-sidebar .hd {
    padding: 0 15px;
    border-bottom: 1px solid #ddd;
    height: 50px;
    line-height: 50px
}

.eform-sidebar .hd>ul {
    margin: 10px 0 0 0;
    display: inline-block;
    width: 100%
}

.eform-sidebar .hd>ul lable {
    color: #333;
    font-weight: bold;
    font-size: 15px
}

.eform-sidebar .eform-box .eform-item {
    background-color: #fff;
    cursor: pointer;
    width: 100%;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #ddd;
    -webkit-transition: background-color .2s linear,color .2s linear;
    -o-transition: background-color .2s linear,color .2s linear;
    transition: background-color .2s linear,color .2s linear;
    line-height: 25px;
    padding: 15px
}

@media(min-width: 1440px) {
    .eform-sidebar .eform-item {
        width:380px
    }
}

@media(min-width: 1600px) {
    .eform-sidebar .eform-item {
        width:398px
    }
}

.eform-sidebar .eform-item:hover {
    background: #f2f2f2
}

.eform-sidebar .eform-item.active {
    background: none repeat scroll 0 0 #dff3f6;
    font-weight: bold
}

.eform-sidebar .eform-item dt {
    float: left;
    overflow: hidden
}

.eform-sidebar .eform-item dt .serial {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #2bb357;
    display: block;
    line-height: 25px;
    text-align: center;
    color: #fff
}

.eform-sidebar .eform-item dd {
    margin: 0 0 0 40px;
    color: #555;
    position: relative
}

.eform-sidebar .eform-item dd span {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -o-text-overflow: ellipsis
}

.eform-sidebar .eform-item dd .title {
    margin: 0 28px 0 0
}

.eform-sidebar .eform-item dd .num {
    position: absolute;
    right: 0;
    top: 4px
}

.eform-sidebar .eform-item.active dd>span {
    color: #428bca!important
}

.eform-sidebar .eform-item.active dd>.num {
    color: #fff!important
}

.eform-right-wrapper .eform-header {
    background: #fafafa;
    position: relative;
    border-bottom: 1px solid #eaeaea;
    min-height: 64px
}

.eform-right-wrapper .toolkit-box {
    position: absolute;
    top: 31px;
    left: 30px;
    z-index: 0;
    width: 250px
}

.eform-right-wrapper .eform-header .module-help {
    top: 23px
}

.eform-right-wrapper .toolkit-box .toolkit-item-tab>a {
    padding: 0;
    margin-right: 10px;
    line-height: 30px;
    font-size: 14px!important
}

.eform-right-wrapper .toolkit-box .toolkit-item-tab {
    margin-top: 0;
    margin-bottom: 0;
    height: 30px
}

.eform-right-wrapper .toolkit-box .toolkit-list {
    height: 27px;
    line-height: 25px
}

.eform-right-wrapper .opt-box {
    position: absolute;
    right: 50px;
    top: 16px;
    z-index: 100
}

.eform-right-wrapper .info-box {
    padding: 0 770px 0 20px;
    position: relative
}

.eform-right-wrapper .eform-content {
    background: #fff
}

.eform-right-wrapper .eform-slider {
    position: absolute;
    top: 8px;
    left: 0;
    height: 48px;
    width: 16px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 0 3px 3px 0;
    border-left: 0
}

.eform-right-wrapper .eform-slider:before {
    content: '';
    position: absolute;
    top: 19px;
    left: 3px;
    border-style: solid;
    border-color: #b2b2b2;
    border-width: 1px 1px 0 0;
    height: 6px;
    width: 6px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.eform-right-wrapper .eform-slider:hover {
    border-color: #ccc;
    cursor: pointer
}

.eform-right-wrapper .eform-slider:hover:before {
    boder-color: #999
}

.eform-right-wrapper .info-box .form-name {
    margin-top: 10px;
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 10px
}

.eform-right-wrapper .eform-slider:hover {
    background-position: -180px -192px
}

.eform-right-wrapper .eform-slider:active {
    background-position: -220px -192px
}

.eform-right-wrapper .eform-slider.on {
    background-position: -120px -192px
}

.eform-right-wrapper .eform-slider.on:hover {
    background-position: -160px -192px
}

.eform-right-wrapper .eform-slider.on:active {
    background-position: -200px -192px
}

.eform-right-wrapper .eform-header>ul {
    margin: 7px 0 0 0;
    display: block;
    width: 100%;
    padding: 0 20px
}

.eform-right-wrapper .eform-header>ul .form-name {
    font-size: 16px
}

.eform-header .toolkit-item-tab>a {
    font-size: 16px
}

.eform-header .toolkit-item-tab>a>* {
    float: left
}

.eform-header .toolkit-item-tab>a>span {
    font-weight: bold;
    color: #333;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 120px
}

.eform-right-wrapper .eform-header .search-item .input-group {
    width: 150px
}

@media(max-width: 1180px) {
    .eform-right-wrapper .eform-header>ul .form-name {
        font-size:12px;
        overflow: hidden;
        display: inline-block;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .eform-right-wrapper .eform-header .search-item .input-group {
        width: 128px
    }

    .eform-right-wrapper .eform-header .module-help {
        display: none
    }

    .eform-right-wrapper .opt-box {
        right: 20px
    }

    .eform-right-wrapper .eform-header .toolkit-list .toolkit-item {
        margin-right: 2px
    }

    .eform-right-wrapper .info-box {
        padding: 0 660px 0 20px
    }
}

@media(max-width: 1120px) {
    .eform-header .toolkit-item-tab>a>span {
        font-size:12px;
        max-width: 23px
    }

    .eform-right-wrapper .toolkit-box .toolkit-item-tab>a {
        margin-right: 5px;
        font-size: 12px!important
    }
}

.eform-header .toolkit-item-tab>a>i {
    display: block;
    height: 46px;
    line-height: 46px
}

.eform-header .dropdown-arrow .dropdown-line {
    width: 100%;
    background-color: #d5d5d5;
    height: 1px;
    margin: 5px 0
}

.eform-header .dropdown-arrow .report-ul lable {
    margin: 0 20px 0 0
}

.eform-header .dropdown-arrow .report-ul lable.title {
    color: #999;
    padding: 5px
}

.eform-sidebar-content .table-more {
    border-left: none;
    border-right: 0
}

.eform-right-wrapper>.mCustomScrollBox>.mCSB_container {
    min-height: 100%
}

.eform-right-wrapper .advance-search {
    background: #f7f7f7;
    min-height: 40px;
    margin-top: 27px;
    display: none
}

.eform-right-wrapper .formtag-ul .no-data {
    color: #999;
    padding: 5px 10px;
    display: inline-block;
    line-height: 28px;
    font-size: 12px
}

.eform-right-wrapper .formtag-ul>li>a {
    display: block;
    padding: 5px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    font-size: 14px
}

.eform-right-wrapper .formtag-ul>li>a:hover,.eform-right-wrapper .formtag-ul>li>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #2dc3e8
}

.eform-right-wrapper .formtag-create {
    border-top: 1px solid #d5d5d5;
    padding: 5px 10px 0 10px;
    margin: 5px 0 0 0
}

.eform-right-wrapper .formtag-create>* {
    display: inline-block
}

.eform-right-wrapper .formtag-create>input {
    width: 132px;
    padding: 2px 20px;
    height: auto
}

.eform-right-wrapper .tagcontainer {
    width: 200px;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 100;
    float: left;
    padding: 5px 0;
    margin: -1px 0 0;
    text-align: left
}

.eform-right-wrapper .tagli>div>a {
    margin: -3px 0 0 0
}

.eform-right-wrapper .formtag-ul .tagname {
    margin: 0 55px 0 0;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
    -webkit-transition: all .15s ease;
    -ms-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease
}

.eform-right-wrapper .shareli .share-span {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #23b7e5;
    border-radius: 50%;
    margin: 0 5px 0 0
}

.eform-right-wrapper .shareli .disabled .share-span {
    background-color: #ddd
}

.eform-right-wrapper .formtag-ul .tagname.edit-disabled {
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none
}

.eform-right-wrapper .formtag-ul .choose,.eform-right-wrapper .formtag-ul .opt {
    position: absolute;
    top: 0;
    right: 33px;
    height: 100%
}

.eform-right-wrapper .formtag-ul .choose {
    right: 10px
}

.eform-right-wrapper .formtag-ul .opt {
    color: #777;
    display: none;
    line-height: 34px
}

.eform-right-wrapper .formtag-ul .opt>i {
    margin: 0 10px 0 0
}

.eform-right-wrapper .formtag-ul .opt>i:last-child {
    margin: 0
}

.eform-right-wrapper .formtag-ul li:hover .opt {
    display: inline-block;
    color: #fff
}

.eform-right-wrapper .formtag-ul>li {
    position: relative;
    margin: 2px 0
}

… .eform-right-wrapper .formtag-ul .choose>*,.eform-right-wrapper .formtag-ul .opt>* {
    margin: 10px 0 0 0
}

.eform-right-wrapper .formtag-container .title {
    font-size: 15px;
    border-bottom: 1px solid #d5d5d5;
    padding: 5px 0;
    margin: 0
}

.eform-right-wrapper .wform-stat-table .mCSB_container {
    min-width: 100%
}

.eform-right-wrapper .form-datas {
    min-height: 300px
}

.eform-right-wrapper table td {
    background-color: #fff
}

.eform-right-wrapper table .title-name a {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.eform-right-wrapper .statbody {
    position: relative
}

.eform-right-wrapper .statbody .loading_small {
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -85px
}

.eform-stat-table table td.ta-r,.eform-stat-table table td.ta-r>div {
    overflow: inherit
}

.eform-datalist-view .eform-stat-table table td,.eform-datalist-view .eform-stat-table table th {
    overflow: hidden!important;
    white-space: nowrap;
    max-width: 220px;
    text-overflow: ellipsis
}

.eform-stat-table table td.ta-r .dropdown-menu {
    top: inherit;
    bottom: 100%;
    -moz-box-shadow: -1px -1px 3px rgba(0,0,0,0.3);
    box-shadow: -1px -1px 3px rgba(0,0,0,0.3)
}

.eform-stat-table table td.ta-r .dropdown-menu {
    top: inherit;
    bottom: 100%;
    -moz-box-shadow: -1px -1px 3px rgba(0,0,0,0.3);
    box-shadow: -1px -1px 3px rgba(0,0,0,0.3);
    max-width: 300px
}

.eform-stat-table table td.ta-r .dropdown-menu>li>a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.eform-stat-table table td.ta-r .selectui-result {
    display: inline-block
}

.eform-datareport-view .mCSB_container {
    padding: 0 0 200px 0
}

.eform-datareport-view .datareport-isdelte {
    color: red;
    width: auto;
    margin-right: 10px
}

.eform-datareport-view .form-view .field .file-item {
    line-height: 21px;
    margin-right: 2px;
    margin-top: 8px
}

.formdata-childtable-box .formdata-childtable,.formdata-childtable-box .fixtable table {
    margin-top: -1px
}

.fixtable table.formdata-table tr {
    height: 46px
}

.formdata-table>thead>tr>th {
    padding: 0;
    color: #666;
    position: relative
}

.formdata-table>thead>tr>th,.formdata-table>tbody>tr>td,.formdata-table>tfoot>tr>td {
    padding: 12px 10px;
    border-color: #eee;
    border-top-color: #ddd;
    border-width: 1px 1px 0 0;
    border-style: solid
}

.formdata-table>thead>tr>th {
    border-width: 0 1px 0 0
}

.formdata-table>thead>tr>th {
    border-width: 0 1px 1px 0;
    border-bottom-color: #ddd
}

.formdata-table>thead>tr>th>div {
    height: 22px;
    line-height: 22px
}

.formdata-table>tfoot>tr>td {
    padding: 9px 10px;
    min-height: 46px
}

.formdata-table thead .checkbox-content {
    height: 20px
}

.formdata-table th.active,.formdata-table td.active {
    background-color: transparent!important
}

.formdata-table .checkbox-content {
    width: 30px;
    position: relative;
    margin: 0 auto;
    height: 20px
}

.formdata-table .checkbox-content .sn {
    color: #999;
    text-align: center;
    width: 100%;
    display: inline-block
}

.formdata-table .checkbox-tb {
    padding: 0;
    text-align: center
}

.formdata-table thead .checkbox-span {
    display: inline-block
}

.formdata-table .checkbox-span {
    width: 13px;
    height: 13px;
    display: none;
    position: absolute;
    line-height: 0;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px
}

.formdata-table .checkbox-content:hover .checkbox-span {
    display: inline-block
}

.formdata-table .checkbox-content:hover .sn {
    display: none
}

.formdata-table thead .checkbox-div {
    display: inline-block
}

.formdata-table .checkbox-div.hide {
    display: none
}

.formdata-table thead th .txt {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 30px 0 0;
    max-width: 100%
}

.formdata-table thead th span.sort-location {
    display: inline-block;
    width: 7px;
    height: 10px;
    top: 50%;
    position: absolute;
    margin: -7px 0 0 0;
    right: 10px
}

.formdata-table thead .sorting_asc .sort-location {
    background: url(require("/static/img/global/sort_asc.png")) no-repeat
}

.formdata-table thead .sorting_desc .sort-location {
    background: url(require("/static/img/global/sort_desc.png")) no-repeat
}

.formdata-table thead .sorting .sort-location {
    background: url(require("/static/img/global/sort_both.png")) no-repeat;
    display: none
}

.formdata-table thead .sorting:hover .sort-location {
    display: inline-block
}

.formdata-table tfoot .data-select {
    padding: 7px 30px
}

.formdata-table tbody td>div,.formdata-table tbody th>div,.formdata-table tfoot td>div,.formdata-table tfoot th>div {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    min-height: 21px
}

.formdata-table>thead>tr>th.num,.formdata-table>tbody>tr>td.num,.formdata-table>tfoot>tr>td.num {
    padding: 12px 0;
    width: 46px
}

.formdata-table>thead>tr>th.fix,.formdata-table>tbody>tr>td.fix,.formdata-table>tfoot>tr>td.fix {
    padding: 0
}

.formdata-table>tbody>tr>td,.formdata-table>tfoot>tr>td {
    background: #fff
}

.formdata-table>tbody>tr.other-bgcolor>td,.formdata-table>tfoot>tr.other-bgcolor>td {
    background: #fbfbfb
}

.formdata-table-notfoot>tbody>tr:last-child>td {
    border-bottom: 1px solid #ddd
}

.formdata-table>tbody>tr.active>td,.formdata-table>tfoot>tr.active>td {
    background: #fbf4f4
}

.formdata-table>thead>tr>th.num div,.formdata-table>tbody>tr>td.num div,.formdata-table>tfoot>tr>td.num div {
    width: 46px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.formdata-table>thead>tr>th.num .checkbox-div,.formdata-table>tbody>tr>td.num .checkbox-div,.formdata-table>tfoot>tr>td.num .checkbox-div {
    vertical-align: middle
}

.formdata-table>tbody>tr>td.num .checkbox-div,.formdata-table>tfoot>tr>td.num .checkbox-div {
    background-color: #fff
}

.formdata-table>thead>tr>th .checkbox-div {
    background-color: #f8f8f8
}

.formdata-table>tbody>tr.active>td.num .checkbox-div {
    background-color: #fbf4f4
}

.formdata-table>tbody>tr.other-bgcolor>td .checkbox-div,.formdata-table>tfoot>tr.other-bgcolor>td .checkbox-div {
    background: #fbfbfb
}

.formdata-table>tfoot>tr>td .selectui-result {
    height: 22px;
    line-height: 22px
}

.eform-stat-table {
    border: 1px solid #e9e9e9;
    overflow: auto
}

.eform-stat-table ~ .common-more {
    margin-top: 5px;
    position: relative
}

.eform-stat-table .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -4px
}

.formdata-table.notfoot>tbody>tr:last-child>td {
    border-bottom: 0
}

.formdata-table>tfoot>tr:last-child>td {
    border-bottom: 1px solid #ddd
}

.eform-stat-table .mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-bottom: 0
}

.eform-stat-table .formstatScrY {
    overflow-x: hidden
}

.eform-customer-modal .module-set-list .e-range {
    float: none
}

.eform-customer-modal .module-set-list .data-box>* {
    vertical-align: middle;
    margin-left: 5px
}

.eform-customer-modal .data-box>.close {
    float: none
}

.eform-customer-modal .data-box>.entity-item-add,.eform-customer-modal .data-box>.close {
    display: none
}

.eform-customer-modal .data-box:hover>.entity-item-add,.eform-customer-modal .data-box:hover>.close {
    display: inline-block
}

.eform-customer-modal .module-set-list .data-box>*:first-child {
    margin-left: 0;
    color: #999
}

.eform-customer-modal .module-set-list .data-box {
    margin-bottom: 10px
}

.eform-customer-modal .module-set-list .data-box:only-child,.eform-customer-modal .module-set-list .data-box:last-child {
    margin-bottom: 0
}

.eform-customer-modal .module-set-list .info {
    color: #c7c7c7;
    font-size: 12px;
    font-style: italic;
    margin-left: 5px
}

.eform-customer-modal .module-set-list li {
    padding: 9px 19px
}

.eform-customer-modal .module-set-list a.add-filed {
    color: #5cb85c
}

.eform-customer-modal .module-set-list a.add-filed:hover {
    color: #449628
}

.eform-customer-modal .module-set-list a.add-filed:link,.eform-customer-modal .module-set-list a.add-filed:hover,.eform-customer-modal .module-set-list a.add-filed:active,.eform-customer-modal .module-set-list a.add-filed:visited {
    text-decoration: none
}

.eform-fixcolumn-modal .modal-body {
    height: 240px
}

.eform-fixcolumn-modal .fixcolumn-info {
    margin-bottom: 10px
}

.eform-fixcolumn-modal .fixcolumn-opt>.btn {
    max-width: 30%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.eform-fixcolumn-modal .fixcolumn-opt>.btn+.btn:not(.btn-block) {
    margin-left: 10px
}

.eform-fixcolumn-modal .fixcolumn-opt>a.active,.eform-fixcolumn-modal .fixcolumn-opt>a:focus {
    color: #fff;
    background-color: #23b7e5;
    border-color: #18aedb;
    box-shadow: none;
    -webkit-box-shadow: none
}

.eform-statdatatable-view .loading_small {
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -85px
}

.eform-statdatatable-view .statbody {
    position: relative
}

.eform-statdatatable-view .detail-content>.mCustomScrollBox>.mCSB_container {
    padding-bottom: 0
}

.eform-statdatatable-view .statdatatable-content {
    padding: 20px
}

.eform-statdatatable-view .statdatatable-content .field {
    border: 1px solid #d5d5d5;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #fff;
    padding: 10px
}

.eform-statdatatable-view .statdatatable-content .field .panel-heading {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px
}

.eform-statdatatable-view .statdatatable-content .field .panel-body {
    padding: 0;
    margin: 0
}

.eform-statdatatable-view .statdatatable-content .field .panel-body>div {
    margin-left: 10px
}

.eform-statdatatable-view .statdatatable-content .pagination {
    margin-bottom: 0;
    margin-top: 0
}

.eform-message-config {
    position: relative;
    padding: 20px
}

.eform-message-config .entity-info .control-group:last-child,.eform-message-config .entity-info .control-group:only-child {
    border-bottom: 0
}

.eform-message-config .entity-info .control-group {
    padding: 10px 20px;
    color: #999;
    font-size: 12px
}

.eform-message-config .entity-info .control-group.title {
    color: #666;
    font-weight: bold
}

.eform-message-config .entity-info li>span {
    display: inline-block;
    width: 50%;
    text-align: center
}

.eform-message-config .entity-info .control-group.title:hover {
    background-color: #fff
}

.eform-message-config .entity-info li input {
    cursor: pointer
}

.eform-custom-config .entity-info>ul>li:last-child,.eform-custom-config .entity-info>ul>li:only-child {
    border-bottom: 0
}

.eform-datarule-config {
    position: relative;
    padding: 20px
}

.eform-datarule-config .entity-info .control-group:last-child,.eform-datarule-config .entity-info .control-group:only-child {
    border-bottom: 0
}

.eform-datarule-config .entity-info .control-group {
    padding: 3px 20px;
    min-height: 32px;
    line-height: 32px
}

.eform-datarule-config .entity-info .control-group>span,.eform-datarule-config .entity-info .control-group a {
    font-size: 12px;
    color: #999
}

.eform-datarule-config .entity-info .control-group a:link,.eform-datarule-config .entity-info .control-group a:hover,.eform-datarule-config .entity-info .control-group a:active,.eform-datarule-config .entity-info .control-group a:visited {
    text-decoration: none
}

.eform-datarule-config .entity-info .control-group.title {
    color: #666;
    font-weight: bold
}

.eform-datarule-config .entity-info li>* {
    display: block;
    float: left;
    padding-right: 10px
}

.eform-datarule-config .entity-info .control-group.title:hover {
    background-color: #fff
}

.eform-datarule-config .entity-info .control-group .entity-item-add {
    display: inline-block;
    margin-top: 2px
}

.eform-datarule-config .entity-info .control-group .controls {
    margin-left: 0
}

.eform-datarule-config .entity-info .entity-item {
    vertical-align: top
}

.eform-datarule-config .entity-info .entity-item>a:first-child {
    font-size: 12px;
    max-width: 100px
}

.eform-datarule-config .sendback .entity-item>a:first-child,.eform-datarule-config .delete .entity-item>a:first-child {
    float: left;
    padding-right: 16px;
    max-width: 100%
}

.eform-datarule-config .entity-info .entity-item>a.close {
    font-size: 14px
}

.eform-datarule-config .sendback .entity-item>a.close,.eform-datarule-config .delete .entity-item>a.close {
    float: none;
    margin-right: 0;
    margin-left: -11px
}

.eform-datarule-config .sendback .entity-container,.eform-datarule-config .delete .entity-container {
    display: block;
    overflow: hidden
}

.eform-datarule-config .sendback .entity-item,.eform-datarule-config .delete .entity-item {
    display: block;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-right: 0;
    line-height: 30px
}

.eform-datarule-config .sendback .entity-item>a,.eform-datarule-config .delete .entity-item>a {
    float: left;
    margin-top: 0;
    margin-bottom: 0
}

.eform-datarule-modal .mCSB_container {
    padding-bottom: 290px
}

.eform-datarule-modal .modal-body {
    max-height: 495px
}

.eform-datarule-modal .nodata-li {
    min-height: 44px;
    line-height: 44px;
    color: #aaa;
    text-align: center;
    list-style: none
}

.eform-datarule-modal .nodata-li a {
    text-align: center;
    width: 100%
}

.eform-batchupdate-modal .entity-info .control-label {
    width: 102px
}

.eform-batchupdate-modal .entity-info .controls {
    line-height: 30px
}

.eform-batchupdate-modal .controls>* {
    display: block;
    float: left
}

.eform-batchupdate-modal .controls>span {
    margin-right: 10px
}

.eform-batchupdate-modal .detail-block>.control-group:last-child {
    border-bottom: 0
}

.eform-batchupdate-modal .controls input[type="radio"] {
    margin-top: 9px;
    margin-right: 3px
}

.eform-datacard-modal .datacard-content .control-group {
    border-color: #efefef
}

.eform-datacard-modal .datacard-content select.form-control {
    border-color: #eaeaea;
    -webkit-box-shadow: none;
    width: 170px;
    display: inline-block;
    vertical-align: middle
}

.eform-datacard-modal .datacard-content .tips {
    color: #999;
    margin-left: 5px;
    margin-top: 2px;
    display: inline-block;
    vertical-align: middle
}

.eform-datacard-modal .datacard-content .bottom-left,.eform-datacard-modal .datacard-content .bottom-right {
    display: inline-block
}

.eform-datacard-modal .datacard-content .bottom-right {
    margin-left: 10px
}

.eform-datacard-modal .datacard-content .color-box {
    font-size: 0;
    height: 30px;
    line-height: 30px
}

.eform-datacard-modal .datacard-content .color-box>span {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-top: 3px;
    position: relative;
    cursor: pointer
}

.eform-datacard-modal .datacard-content .color-box>span+span {
    margin-left: 10px
}

.eform-datacard-modal .datacard-content .color-box>span.active:before {
    width: 14px;
    height: 7px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    margin-left: -6px;
    margin-top: -5px
}

.eform-right-wrapper .datacard-list>li {
    width: 24%;
    float: left;
    background-color: #fff;
    height: 215px;
    margin: 0 .5% 15px;
    border: 1px solid #ddd;
    min-width: 328px;
    position: relative
}

.eform-right-wrapper .datacard-list .title {
    height: 45px;
    padding: 0 20px;
    background-color: #f8f8f8;
    line-height: 45px;
    color: #333;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: 1px solid #e5e5e5;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.eform-right-wrapper .datacard-list .list-main {
    padding: 15px 15px 0 15px;
    height: 140px;
    overflow: hidden;
    line-height: 20px
}

.eform-right-wrapper .datacard-list .list-main .row-one {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    margin-bottom: 5px
}

.eform-right-wrapper .datacard-list .list-main .row-two {
    height: 90px;
    overflow: hidden;
    width: 90px;
    float: left;
    vertical-align: top;
    margin-right: 15px;
    margin-bottom: 15px
}

.eform-right-wrapper .datacard-list .list-main .row-three {
    vertical-align: top;
    word-break: break-all;
    color: #666;
    font-size: 12px
}

.eform-right-wrapper .datacard-list .list-main .row-two>img {
    width: 100%;
    height: 100%
}

.eform-right-wrapper .datacard-list .list-bottom {
    position: absolute;
    bottom: 0;
    padding: 5px 20px;
    font-size: 12px
}

.eform-right-wrapper .datacard-list .list-bottom>* {
    display: inline-block;
    vertical-align: middle
}

.eform-right-wrapper .datacard-list .bottom-left {
    max-width: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.eform-right-wrapper .datacard-list .bottom-left * {
    color: #999
}

.eform-right-wrapper .datacard-list .bottom-right {
    position: relative;
    padding-left: 10px;
    margin-left: 10px
}

.eform-right-wrapper .datacard-list .bottom-right * {
    display: inline-block;
    color: #999
}

.eform-right-wrapper .datacard-list .bottom-right:before {
    position: absolute;
    content: "";
    height: 14px;
    background-color: #a6a6a6;
    width: 1px;
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    left: 0;
    top: 3px
}

.form-creator-view {
    background: #f9f9f9
}

.form-creator-header {
    position: relative;
    background: 0;
    border-bottom: 0
}

.form-creator-header:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    height: 5px;
    background-color: #247bbc
}

.form-creator-header .creator-steps {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
    top: 15px
}

.form-creator-header .creator-steps .step-item {
    display: inline-block;
    color: #888;
    font-size: 12px
}

.form-creator-header .creator-steps .step-item.active {
    color: #247abc
}

.form-creator-header .creator-steps .step-item i {
    display: inline-block;
    vertical-align: 0;
    font-style: normal;
    height: 16px;
    width: 16px;
    line-height: 14px;
    text-align: center;
    border: 1px solid #d6d6d6;
    border-radius: 50%;
    margin: 0 5px 0 6px;
    font-size: 12px
}

.form-creator-header .creator-steps .step-item.active i {
    background: #247abc;
    border-color: #247abc;
    color: #fff
}

.form-creator-header .creator-steps .step-item .arr {
    margin-left: 4px
}

.form-creator-header .creator-steps .step-item:last-child .arr {
    display: none
}

.form-creator-stage {
    margin: 0 auto;
    width: 1000px;
    border: 1px solid #ddd;
    background: #eee
}

.eform-creator-step-3 .form-creator-stage,.wform-creator-step-3 .form-creator-stage {
    border: 0
}

.form-creator-stage *:focus {
    outline: 0
}

.form-creator-stage .modal-flow-version {
    position: relative;
    height: 100%
}

.form-creator-stage .version-wrap {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.form-creator-stage .background-div {
    background-color: #e4e4e4;
    height: 20px;
    width: 100%;
    display: none
}

.eform-creator-step-5 .background-div {
    display: block
}

.form-creator-footer {
    width: 1000px;
    margin: 0 auto;
    text-align: right;
    padding-top: 13px;
    padding-bottom: 8px
}

.form-creator-frame-view {
    overflow: hidden
}

.form-creator-frame {
    height: 100%;
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0
}

.form-creator-header .detail-slide-close {
    border: 0
}

.print-setting-stage {
    width: 1000px;
    margin: 0 auto
}

.print-temp-step1 {
    margin: 0
}

.print-temp-step1 .header {
    background: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
    font-size: 15px;
    font-weight: bold;
    padding: 15px 20px
}

.print-temp-step1 .control-group {
    min-height: 32px;
    line-height: 32px
}

.print-temp-step1 .control-group-disabled {
    position: relative;
    opacity: .1
}

.print-temp-step1 .control-group-disabled:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: block
}

.print-temp-step1 .tips {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #999;
    margin-top: -10px
}

.print-temp-step1 .setting-box {
    width: 160px;
    float: left;
    text-align: center;
    opacity: .3
}

.print-temp-step1 .setting-box.active {
    opacity: 1
}

.print-temp-step1 .setting-box+.setting-box {
    margin-left: 28px
}

.print-temp-step1 .setting-wrapper {
    width: 540px;
    margin: 24px auto;
    overflow: hidden
}

.print-temp-step1 .setting-box .ico {
    width: 160px;
    height: 90px;
    cursor: pointer
}

.print-temp-step1 .setting-box .ico1 {
    background-image: url(/static/img/form/print_step1_1.png)
}

.print-temp-step1 .setting-box .ico2 {
    background-image: url(/static/img/form/print_step1_2.png)
}

.print-temp-step1 .setting-box .ico3 {
    background-image: url(/static/img/form/print_step1_3.png)
}

.print-temp-step1 .setting-box .text {
    margin: 3px 10px
}

.print-temp-step1 .setting-box .btn {
    min-width: 80px
}

.print-temp-step2 {
    background: #fff;
    padding: 50px 100px;
    text-align: center
}

.print-temp-step2 .eui-steps {
    padding: 30px 0 18px 0
}

.print-temp-step2 .img-box {
    font-size: 0;
    margin: 10px auto 25px auto;
    width: 585px
}

.print-temp-step2 .img-box span+span {
    margin-left: 35px
}

.print-temp-step2 .img-box .step1,.print-temp-step2 .img-box .step2,.print-temp-step2 .img-box .step3 {
    display: inline-block;
    width: 160px;
    height: 90px
}

.print-temp-step2 .img-box .step1 {
    background-image: url(/static/img/form/print_step2_1.png)
}

.print-temp-step2 .img-box .step2 {
    background-image: url(/static/img/form/print_step2_2.png)
}

.print-temp-step2 .img-box .step3 {
    background-image: url(/static/img/form/print_step2_3.png)
}

.print-temp-step2 .tips {
    text-align: center;
    color: #999;
    font-size: 12px
}

.print-temp-step2 .setting {
    margin: 10px auto 20px auto;
    width: auto;
    display: inline-block
}

.print-temp-step3 .tips,.print-temp-step4 .tips {
    font-size: 12px;
    color: #999;
    width: 100%;
    font-weight: normal
}

.print-temp-step3 .excel-html-box {
    background: #fff;
    margin-top: 10px;
    border: 1px solid #ececec
}

.print-temp-step3 .excel-html-box table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #ddd;
    table-layout: fixed
}

.print-temp-step3 .excel-html-box table td {
    color: #666;
    background: #fff;
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #ddd
}

.print-temp-step4 .swicth-set-list {
    margin-top: 10px
}

.print-temp-step4 .swicth-set-list .list-title {
    position: relative;
    border-bottom: 0;
    font-size: 15px;
    font-weight: bold
}

.print-temp-step4 .swicth-set-list .list-title:before {
    position: absolute;
    content: "";
    background: #eee;
    height: 1px;
    left: 20px;
    right: 20px;
    bottom: 0
}

.print-temp-step4 .swicth-set-list .list-item>span {
    display: inline-block;
    width: 100%
}

.print-temp-step5 .entity-container:empty,.entity-item:empty {
    display: none
}

.wform-creator-step-1 .form-creator-stage,.eform-creator-step-1 .form-creator-stage,.eform-creator-step-5 .form-creator-stage {
    border: 0
}

.wform-creator-step-2 .form-creator-stage,.eform-creator-step-2 .form-creator-stage {
    width: 100%;
    border: 0;
    margin: 0
}

.wform-creator-step-3 .form-creator-seq-view,.eform-creator-step-3 .form-creator-seq-view,.wform-creator-step-2 .form-creator-frame-view,.eform-creator-step-2 .form-creator-frame-view {
    padding: 0 20px
}

.wform-creator-step-2 .form-creator-frame-view>*,.eform-creator-step-2 .form-creator-frame-view>*,.wform-creator-step-3 .form-creator-seq-view>*,.eform-creator-step-3 .form-creator-seq-view>* {
    border: 1px solid #2aaedd;
    vertical-align: top
}

.wform-creator-step-2 .form-creator-footer,.eform-creator-step-2 .form-creator-footer {
    width: 100%;
    padding-right: 15px
}

.eform-creator-step-5 .eform-message-modal,.eform-creator-step-5 .remind-config-modal {
    border: 1px solid #ddd
}

.formapp-menu-table {
    padding: 0 15px
}

.formapp-menu-table .table-list .list-item {
    position: relative
}

.formapp-menu-table .table-list .list-item .fold {
    position: absolute;
    left: -6px;
    padding: 0 5px;
    top: 12px
}

.formapp-menu-table .table-list .list-item .form-control {
    max-width: 100%
}

.formapp-menu-table .table-list .list-item .box {
    display: table;
    table-layout: fixed;
    padding: 5px 10px;
    width: 100%;
    border-top: 1px solid #e5e5e5;
    line-height: 30px
}

.formapp-menu-table .table-list .list-item:first-child {
    border: 0
}

.formapp-menu-table .table-list .list-item-title {
    font-weight: bold
}

.formapp-menu-table .table-list .column {
    display: table-cell;
    padding-left: 15px
}

.formapp-menu-table .table-list .column:first-child {
    padding: 0
}

.formapp-menu-table .table-list .column-perform {
    width: 100px
}

.formapp-create-modal {
    overflow-y: auto
}

.formapp-create-modal .choose-forms {
    color: #999;
    line-height: 30px;
    margin: 17px 22px 5px
}

.formapp-create-modal .choose-forms .label {
    font-size: 12px;
    margin-right: 10px
}

.eform-datarule .toolkit-list .toolkit-item:only-child {
    margin-right: 0
}

.eform-datarule .datarule-box {
    min-width: 800px
}

.eform-datarule .sham-tab li.hide {
    display: none
}

.eform-datarule .sham-tab li.no-data {
    line-height: 17px
}

.eform-datarule .sham-tab li .item {
    width: 10.7%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.eform-datarule .sham-tab li .name>* {
    display: inline-block
}

@media(max-width: 1280px) {
    .eform-datarule .sham-tab li .name {
        width:15%
    }
}

@media(min-width: 1280px) {
    .eform-datarule .sham-tab li .item {
        width:10.8%
    }

    .eform-datarule .sham-tab li .name {
        width: 20%
    }
}

@media(min-width: 1440px) {
    .eform-datarule .sham-tab li .item {
        width:11.5%
    }

    .eform-datarule .sham-tab li .name {
        width: 20%
    }
}

@media(min-width: 1600px) {
    .eform-datarule .sham-tab li .item {
        width:12%
    }

    .eform-datarule .sham-tab li .name {
        width: 20%
    }
}

@media(min-width: 1820px) {
    .eform-datarule .sham-tab li .item {
        width:12.6%
    }

    .eform-datarule .sham-tab li .name {
        width: 20%
    }
}

.eform-datarule .sham-tab li .opt {
    width: 105px
}

.eform-datarule .sham-tab li .sn {
    width: 48px;
    text-align: center
}

.eform-datarule .sham-tab li .status {
    text-align: center;
    width: 110px
}

.eform-datarule .sham-tab li .opt>span>* {
    display: block;
    float: left
}

.eform-datarule .sham-tab li .opt>span {
    display: inline-block;
    cursor: pointer
}

.eform-datarule .sham-tab li .name>.name-text {
    max-width: 100%;
    padding-right: 19px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left
}

.eform-datarule .sham-tab li .name>span.mark {
    width: 14px;
    height: 14px;
    background-position: -130px -366px;
    margin: -4px 0 0 -15px;
    display: none;
    padding: 0 5px;
    overflow: hidden;
    cursor: pointer
}

.eform-datarule .sham-tab li.abnormal .name>span.mark {
    display: inline-block
}

.eform-datarule .sham-tab li.abnormal {
    background-color: #fff7f7
}

.eform-datarule .sham-tab li .opt>span>input,.eform-datarule .sham-tab li .opt>span>i {
    margin-top: 13px;
    margin-right: 3px
}

.eform-datarule .sham-tab li span.sort-location {
    display: inline-block;
    width: 7px;
    height: 10px;
    margin: 15px 0 0 -8px;
    float: left
}

.eform-datarule .sham-tab li span.txt {
    max-width: 100%;
    display: inline-block;
    padding-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left
}

.eform-datarule .sham-tab .sorting:hover .sort-location {
    display: inline-block
}

.eform-datarule .sham-tab .sorting_asc .sort-location {
    background: url(require("/static/img/global/sort_asc.png")) no-repeat
}

.eform-datarule .sham-tab .sorting_desc .sort-location {
    background: url(require("/static/img/global/sort_desc.png")) no-repeat
}

.eform-datarule .sham-tab .sorting .sort-location {
    background: url(require("/static/img/global/sort_both.png")) no-repeat;
    display: none;
    cursor: pointer
}

.eform-datarule-selector .modal-body {
    height: 552px;
    max-height: 552px
}

.eform-datarule-selector .selector-tab ul li a {
    line-height: 44px;
    border-bottom: 1px solid #eee;
    font-weight: bold;
    font-size: 12px;
    padding: 0 18px;
    color: #999
}

.eform-datarule-selector .selector-content .search-box {
    border-bottom: 1px solid #ddd;
    padding: 7px 10px
}

.formdata-table thead .sorting:hover .sort-location {
    display: inline-block
}

.formapp-create-modal .modal-body {
    background-color: #fbfbfb;
    overflow: hidden
}

.formapp-create-modal .choose-forms-result .entity-item a {
    max-width: 636px
}

.formapp-create-modal .choose-forms-result .control-group:last-child,.formapp-create-modal .choose-forms-result .control-group:only-child {
    border-bottom: 0
}

.formapp-create-modal .link-help {
    float: right;
    margin: 2px 10px 0 0;
    padding: 0;
    color: #999
}

.formapp-create-modal .link-help,.formapp-create-modal .link-help:hover,.formapp-create-modal .link-help:active,.formapp-create-modal .link-help:visited {
    text-decoration: none
}

.eform-export-modal .modal-dialog {
    width: 700px
}

.eform-export-modal .export-ul {
    width: 100%;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    display: block;
    overflow: hidden
}

.eform-export-modal .export-ul label {
    margin-bottom: 0
}

.eform-export-modal .export-ul li {
    min-height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e3e3e3;
    padding: 0 15px
}

.eform-export-modal .export-ul li:hover {
    background: #f0f0f0
}

.eform-export-modal .export-ul li .item {
    float: left
}

.eform-export-modal .export-ul li .item>* {
    display: block;
    float: left
}

.eform-export-modal .export-ul li .item>input[type="checkbox"] {
    margin: 13px 0 0 0
}

.eform-export-modal .export-ul .item>span {
    margin: 0 0 0 15px
}

.eform-export-modal .export-ul .item>.number {
    color: #666
}

.eform-export-modal .export-ul li:last-child {
    border-bottom: 0
}

.eform-export-modal .export-ul .item.principal {
    width: 40%
}

.eform-export-modal .export-ul .item.participant {
    width: 30%
}

.eform-export-modal .export-ul .item.share {
    float: right
}

.eform-export-modal .export-ul .item.share button {
    padding: 5px 15px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    height: 30px;
    border: 0;
    color: #fff;
    background: #18aedb
}

.eform-export-modal .export-ul .item.share button:hover {
    background: #1597c5
}

.eform-export-modal .export-ul .item.share button.btn-disabled {
    opacity: .5
}

.eform-export-modal .export-ul .item.share button.btn-disabled:link,.eform-export-modal .export-ul .item.share button.btn-disabled:hover,.eform-export-modal .export-ul .item.share button.btn-disabled:active,.eform-export-modal .export-ul .item.share button.btn-disabled:visited {
    background-color: #18aedb;
    cursor: default
}

.eform-export-modal .export-tab .notes {
    padding: 0 10px 15px;
    display: inline-block;
    color: #c1c1c1;
    font-style: italic;
    font-size: 12px;
    font-weight: normal
}

.eform-export-modal .export-tab {
    color: #999;
    font-weight: bold
}

.eform-export-modal .loading_small {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: -40px 0 0 0;
    z-index: 99999
}

.eform-ruleinfo-modal .modal-body {
    background-color: #fbfbfb
}

.eform-ruleinfo-modal .eui-steps {
    padding: 30px 50px;
    overflow: hidden;
    margin: 10px 0 0 0
}

.eform-ruleinfo-view .entity-info .controls {
    margin-left: 85px;
    min-height: 30px;
    line-height: 30px
}

.eform-ruleinfo-view .entity-info .control-label {
    width: 85px
}

.eform-ruleinfo-view .sch-group>.controls {
    margin-left: 170px
}

.eform-ruleinfo-view .sch-item-period input.datepicker-more {
    width: 137px;
    border: 1px solid #ddd
}

.eform-ruleinfo-view .entity-info .controls>a.dele {
    border: 1px solid #ccc;
    border-radius: 50%;
    color: #666;
    display: inline-block;
    height: 30px;
    text-align: center;
    text-decoration: none;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
    margin-left: 10px
}

.eform-ruleinfo-view .entity-info .control-group>.entity-item-add {
    display: block;
    width: 24px
}

.eform-ruleinfo-view .entity-info .controls-select {
    padding-right: 30px;
    position: static;
    white-space: nowrap;
    height: 30px;
    line-height: 30px
}

.eform-ruleinfo-view .entity-info .controls-select>select {
    width: 130px
}

.eform-ruleinfo-view .entity-info .controls-select .select-container {
    display: inline-block;
    vertical-align: top;
    max-width: 100%
}

.eform-ruleinfo-view .controls-select .select-container .entity-item,.eform-ruleinfo-view .controls-select .select-container .entity-item>a {
    max-width: 100%
}

.eform-ruleinfo-view .select-container .entity-item>a:hover {
    color: #333
}

.eform-ruleinfo-detail .controls-select .entity-item>a:link,.eform-ruleinfo-detail .controls-select .entity-item>a:hover,.eform-ruleinfo-detail .controls-select .entity-item>a:active,.eform-ruleinfo-detail .controls-select .entity-item>a:visited {
    color: #333
}

.eform-ruleinfo-view .entity-info .controls-rule {
    line-height: 30px
}

.eform-ruleinfo-view .controls-rule>label {
    display: block
}

.eform-ruleinfo-view .entity-info .controls-select .edit-dataform {
    height: 24px;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    cursor: pointer
}

.eform-ruleinfo-view .entity-info .controls-select.edit-dataform.hide {
    display: none
}

.eform-ruleinfo-view .entity-info .controls-select .edit-dataform i {
    border: 1px solid #999;
    border-radius: 50%;
    color: #999;
    display: inline-block;
    height: 24px;
    overflow: hidden;
    line-height: 22px;
    text-align: center;
    text-decoration: none;
    width: 24px
}

.eform-ruleinfo-view .entity-info .select-container {
    display: inline
}

.eform-ruleinfo-view .select-container>.entity-item,.eform-ruleinfo-view .select-container>.entity-item a {
    max-width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block
}

.eform-ruleinfo-view .mCSB_container {
    padding-bottom: 420px!important
}

.eform-ruleinfo-view .tt-suggestion.hide {
    display: none
}

.eform-ruleinfo-view .entity-info>.control-group:last-child {
    border-bottom: 0
}

.eform-ruleinfo-view .controls .typeahead-search i {
    color: #8f8f8f
}

.eform-ruleinfo-view .condition-group>ul {
    display: table
}

.eform-ruleinfo-view .condition-group>ul>li {
    display: table-row
}

.eform-ruleinfo-view .condition-group>ul>li>.item {
    display: table-cell;
    padding-right: 10px
}

.eform-ruleinfo-view .condition-group .status,.eform-ruleinfo-view .condition-group .status select {
    width: 150px
}

.eform-ruleinfo-view .condition-group .eq,.eform-ruleinfo-view .condition-group .eq select {
    width: 100px
}

.eform-ruleinfo-view .condition-group .result,.eform-ruleinfo-view .condition-group .result span {
    width: 66px
}

.eform-ruleinfo-view .condition-group .opt>a {
    font-size: 18px;
    vertical-align: middle
}

.eform-ruleinfo-view .condition-group .opt>a,.eform-ruleinfo-view .condition-group .opt>a:hover {
    color: #c2c6ca;
    text-decoration: none
}

.eform-ruleinfo-view .entity-info>.header {
    padding: 0 20px;
    color: #666;
    font-weight: bold;
    font-size: 13px;
    min-height: 41px;
    line-height: 40px;
    position: relative
}

.eform-ruleinfo-view .entity-info>.header.nobd {
    min-height: 40px
}

.eform-ruleinfo-view .entity-info>.header:before {
    position: absolute;
    content: "";
    background-color: #ececec;
    left: 20px;
    right: 20px;
    bottom: 0;
    height: 1px
}

.eform-ruleinfo-view .entity-info>.header.nobd:before {
    display: none
}

.eform-ruleinfo-view .entity-info>.header-fullborder:before {
    left: 0;
    right: 0
}

.eform-ruleinfo-view .entity-info>.header .opt,.eform-ruleinfo-view .entity-info .controls .opt {
    float: right
}

.eform-ruleinfo-view .entity-info>.header.normal-title {
    color: #999;
    font-weight: normal;
    border-bottom-color: #f2f2f2
}

.eform-ruleinfo-view .entity-info>.header span {
    font-size: 12px;
    font-weight: normal;
    color: #999;
    margin: 0 0 0 10px
}

.eform-ruleinfo-view .entity-info>.header span.normal-title {
    margin-left: 0
}

.eform-ruleinfo-view .entity-info>.header span.txt {
    color: #666;
    font-size: 14px;
    font-weight: bold;
    margin: 0
}

.eform-ruleinfo-view .entity-info>.header.subtitle span.txt {
    font-size: 12px;
    color: #999;
    font-weight: bold
}

.eform-ruleinfo-view .entity-info>.header span.form-data {
    color: red;
    margin-left: 0
}

.eform-ruleinfo-view .controls .typeahead {
    width: 140px
}

.eform-ruleinfo-view .controls .tt-suggestion .loading_small,.eform-ruleinfo-view .controls .tt-suggestion p {
    width: 160px
}

.eform-ruleinfo-view .entity-info>.header .add {
    color: #5cb85c;
    font-weight: normal;
    float: right
}

.eform-ruleinfo-view .entity-info>.header .clerar {
    float: right;
    margin-left: 10px;
    font-weight: normal;
    color: #999
}

.eform-ruleinfo-view .entity-info>.header .add:hover,.eform-ruleinfo-view .entity-info>.header .clerar:hover {
    text-decoration: none
}

.eform-aggregate-info .entity-info .control-group {
    min-height: 44px;
    border-bottom: 0;
    position: relative
}

.eform-aggregate-info .entity-info .control-group:before {
    background-color: #e5e5e5;
    position: absolute;
    content: "";
    height: 1px;
    bottom: 0;
    left: 20px;
    right: 20px;
    display: block
}

.eform-aggregate-info .entity-info .border-full:before {
    left: 0;
    right: 0
}

.eform-ruleinfo-view .sch-wrapper {
    border: 0;
    background-color: transparent
}

.eform-ruleinfo-view .search-main {
    padding: 10px 0
}

.eform-ruleinfo-view .sch-wrapper .add-item {
    margin-bottom: 0
}

.eform-ruleinfo-view .source-group .control-group {
    border-color: #ececec
}

.eform-ruleinfo-view .source-group .control-group:hover,.eform-ruleinfo-view .control-group-nohover:hover {
    background-color: transparent
}

.eform-ruleinfo-view .entity-info .control-group .control-label.edit {
    font-weight: normal;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    width: 175px;
    padding-right: 10px;
    display: inline-block
}

.eform-ruleinfo-view .entity-info .control-label.edit .txt {
    margin-right: 5px
}

.eform-ruleinfo-view .entity-info .control-label.edit .edit-dataform {
    height: 24px;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px
}

.eform-ruleinfo-view .entity-info .control-label.edit .edit-dataform i {
    border: 1px solid #999;
    border-radius: 50%;
    color: #999;
    display: inline-block;
    height: 24px;
    overflow: hidden;
    line-height: 22px;
    text-align: center;
    text-decoration: none;
    width: 24px
}

.eform-ruleinfo-view .entity-info .control-group>.expression-box {
    width: 100%;
    min-height: 74px;
    background-color: #f8f8f8;
    padding: 10px
}

.eform-ruleinfo-view .entity-info .control-group .expression-eq,.eform-ruleinfo-view .entity-info .control-group .expression-btn {
    vertical-align: top
}

.eform-ruleinfo-view .entity-info .control-group>.expression-box>a {
    max-width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 0;
    margin-bottom: 10px
}

.eform-ruleinfo-view .entity-info .control-group .expression-eq {
    margin: 0 5px;
    height: 22px;
    line-height: 22px;
    display: inline-block
}

.eform-ruleinfo-view .entity-info .field-instead {
    padding: 5px 0;
    display: inline-block;
    max-width: 100%
}

.eform-ruleinfo-view .entity-info .field-instead.hide {
    display: none
}

.eform-ruleinfo-view .entity-info .item .field-instead {
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.eform-ruleinfo-view .entity-info .detail>.field-instead {
    max-width: 130px
}

.eform-ruleinfo-view .entity-info .detail>.field-instead:nth-of-type(1),.eform-ruleinfo-view .entity-info .detail>select:nth-of-type(1) {
    width: 75px
}

.eform-ruleinfo-view .entity-info .detail>.field-instead:nth-of-type(2),.eform-ruleinfo-view .entity-info .detail>select:nth-of-type(2) {
    margin-left: 5px
}

.eform-ruleinfo-view .sham-tab li {
    display: table;
    table-layout: fixed;
    width: 100%
}

.eform-ruleinfo-view .sham-tab .imageslist-inline>li {
    display: list-item
}

.eform-ruleinfo-view .sham-tab li.title {
    background: #f7f7f7;
    border-color: #eee;
    color: #999;
    border-style: solid;
    border-width: 0 0 1px 0
}

.eform-ruleinfo-view .sham-tab .list>ul {
    border: 0
}

.eform-ruleinfo-view .sham-tab li .item {
    border-left: 1px solid #eee;
    height: auto;
    min-height: 40px;
    float: none;
    display: table-cell;
    vertical-align: top
}

.eform-ruleinfo-view .sham-tab li .item>* {
    vertical-align: middle
}

.eform-ruleinfo-view .sham-tab .list>ul>li>.item:first-child {
    border-left: none
}

.eform-ruleinfo-view .sham-tab li .sn {
    width: 49px;
    text-align: center
}

.eform-ruleinfo-view .sham-tab .source>*.hide {
    display: none
}

.eform-ruleinfo-view .sham-tab .item .input-group .form-control {
    float: none
}

.eform-ruleinfo-view .sham-tab .item .input-group .form-control.hide {
    display: none
}

.eform-ruleinfo-view .sham-tab .item select,.eform-ruleinfo-view .sham-tab .item input,.eform-ruleinfo-view .sham-tab .item span.control-btn {
    max-width: 100%
}

.eform-ruleinfo-view .sham-tab .item input[type="text"] {
    width: 100%
}

.eform-ruleinfo-view .sham-tab .item input.typeahead {
    width: 120px
}

.eform-ruleinfo-view .sham-tab .sign select {
    width: 68px
}

.eform-ruleinfo-view .sham-tab .form-relevance-list,.eform-ruleinfo-view .sham-tab .form-userList {
    position: relative
}

.eform-ruleinfo-view .sham-tab .form-relevance-list>div,.eform-ruleinfo-view .sham-tab .form-userList>div {
    line-height: 30px
}

.eform-ruleinfo-view .widget-content .employee-item {
    display: inline-block;
    width: 100%;
    line-height: 30px;
    margin-right: 5px;
    vertical-align: middle
}

.eform-ruleinfo-view .widget-content .form-userList .employee-item {
    max-width: 100%;
    width: auto
}

.eform-ruleinfo-view .widget-content .form-relevance-list .employee-item:first-child,.eform-ruleinfo-view .widget-content .form-userList .useritem-container,.eform-ruleinfo-view .widget-content .form-userList .departmentitem-container {
    display: inline-block
}

.eform-ruleinfo-view .widget-content .form-userList .useritem-container:empty,.eform-ruleinfo-view .widget-content .form-userList .departmentitem-container:empty {
    display: none
}

.eform-ruleinfo-view .widget-content .employee-item:last-child {
    margin-right: 0
}

.eform-ruleinfo-view .widget-content .employee-item>a:first-child {
    display: inline-block;
    max-width: 100%;
    float: left;
    padding-right: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 31px
}

.eform-ruleinfo-view .widget-content .employee-item>a {
    vertical-align: -2px
}

.eform-ruleinfo-view .widget-content .employee-item>a.close {
    float: none;
    margin-left: -23px;
    vertical-align: -3px;
    display: none
}

.eform-ruleinfo-view .widget-content .employee-item:hover a.close {
    display: inline-block
}

.eform-ruleinfo-view .widget-content .img-wedget .img-item {
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    overflow: hidden;
    position: relative;
    border: 1px solid rgba(0,0,0,0);
    margin-bottom: 6px
}

.eform-ruleinfo-view .widget-content .img-wedget .img-item:hover {
    border-width: #fff;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3),0 0 0 2px #fff inset;
    box-shadow: 0 0 3px rgba(0,0,0,0.3),0 0 0 2px #fff inset
}

.eform-ruleinfo-view .widget-content .img-wedget .sign-add {
    border-color: #ddd;
    margin: 6px 0;
    text-align: center;
    padding-top: 30px;
    color: #999;
    height: 120px;
    cursor: pointer
}

.eform-ruleinfo-view .widget-content .img-wedget .sign-add i {
    font-size: 35px;
    color: #d6d5d5
}

.eform-ruleinfo-view .widget-content .img-wedget .sign-item {
    border-color: #ddd;
    margin-top: 6px
}

.eform-ruleinfo-view .widget-content .img-wedget .sign-item .img-info {
    font-size: 12px;
    line-height: 20px
}

.eform-ruleinfo-view .widget-content .img-wedget .img-opt {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    padding: 0 3px
}

.eform-ruleinfo-view .widget-content .img-wedget .img-item:hover .img-opt {
    display: block
}

.eform-ruleinfo-view .widget-content .img-wedget .img-item:hover .img-opt a {
    color: #e80000!important;
    text-decoration: none
}

.eform-ruleinfo-view .widget-content .img-wedget .img-add {
    text-align: center;
    color: #999;
    border: 1px solid #ddd;
    background: #f8f8f8;
    padding-top: 25px;
    width: 120px;
    height: 120px;
    float: left;
    position: relative;
    z-index: 2;
    cursor: pointer;
    margin: 6px 0
}

.eform-ruleinfo-view .widget-content .img-wedget .img-add i {
    font-size: 35px
}

.eform-ruleinfo-view .widget-content .img-wedget .img-add p {
    font-size: 14px;
    margin-top: 5px
}

.eform-ruleinfo-view .widget-content .img-wedget .img-add:hover {
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3),0 0 0 2px #fff inset;
    box-shadow: 0 0 3px rgba(0,0,0,0.3),0 0 0 2px #fff inset
}

.eform-ruleinfo-view .widget-content .typeahead-wrapper {
    display: inline-block;
    border: 1px solid #a3adba;
    position: static;
    line-height: 28px
}

.eform-ruleinfo-view .widget-content .typeahead-wrapper.hide {
    display: none
}

.eform-ruleinfo-view .widget-content .engine-search {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 26px;
    margin: 0;
    padding: 3px;
    position: relative;
    width: 20px;
    vertical-align: top
}

.eform-ruleinfo-view .widget-content input.typeahead {
    width: 120px;
    height: 28px;
    margin: 0;
    line-height: 20px;
    padding: 4px 10px;
    float: left;
    border: 0
}

.eform-ruleinfo-view .widget-content input.typeahead:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.eform-ruleinfo-view .widget-content .typeahead-search {
    position: relative;
    height: 30px;
    width: 20px;
    padding: 3px;
    margin: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    float: right
}

.eform-ruleinfo-view .widget-content .typeahead-search:hover {
    background: transparent
}

.eform-ruleinfo-view .widget-content .typeahead-search i {
    color: #08c;
    font-size: 14px;
    line-height: 18px
}

.eform-ruleinfo-view .widget-content .tt-suggestion {
    position: absolute;
    z-index: 100;
    height: auto;
    max-height: 288px;
    overflow: hidden;
    padding: 0;
    margin: 28px 0 0 -1px;
    display: block;
    background-color: #fff
}

.eform-ruleinfo-view .widget-content .tt-suggestion p {
    height: 26px;
    line-height: 20px!important;
    width: 140px;
    margin: 0;
    padding: 3px 5px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.eform-ruleinfo-view .widget-content .tt-suggestion .loading_small {
    width: 140px;
    line-height: 32px;
    height: 32px
}

.eform-ruleinfo-view .widget-content .tt-suggestion p>img+span {
    width: 105px
}

.eform-ruleinfo-view .widget-content .tt-suggestion p:hover {
    color: #fff;
    background: #08c;
    cursor: pointer
}

.eform-ruleinfo-view .widget-content .choicelist li label {
    font-weight: normal;
    margin: 0
}

.eform-ruleinfo-view .widget-content .choicelist li label:last-child {
    margin-right: 0
}

.eform-ruleinfo-view .widget-content .choicelist li label>span {
    max-width: 166px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block
}

.eform-ruleinfo-view .widget-content .choicelist li label>* {
    vertical-align: middle
}

.eform-ruleinfo-view .widget-content .choicelist li label input[type="checkbox"],.eform-ruleinfo-view .widget-content .choicelist li label input[type="radio"] {
    cursor: default;
    font-weight: normal
}

.eform-ruleinfo-view .widget-content .choicelist {
    line-height: 30px;
    margin: 6px 0
}

.eform-ruleinfo-view .widget-content .bootstrap-select.choicelist {
    margin: 0
}

.eform-ruleinfo-view .widget-content .choicelist .dropdown-menu {
    overflow-x: hidden;
    width: 100%
}

.eform-ruleinfo-view .widget-content .choicelist li {
    display: inline-block;
    margin-bottom: 0;
    background: 0;
    border: 0;
    line-height: inherit;
    width: auto;
    float: left
}

.eform-ruleinfo-view .widget-content .bootstrap-select li {
    width: 100%;
    float: none
}

.eform-ruleinfo-view .widget-content .bootstrap-select li+li {
    margin: 0
}

.eform-ruleinfo-view .widget-content .choicelist li+li {
    margin-left: 5px
}

.eform-ruleinfo-view .widget-content .choicelist input[type="radio"],.eform-ruleinfo-view .widget-content .choicelist input[type="checkbox"] {
    vertical-align: middle;
    margin: 0 2px 0 0;
    position: relative;
    top: 2px;
    vertical-align: baseline
}

.eform-ruleinfo-view .sham-tab li .change {
    width: 226px
}

.eform-ruleinfo-view .sham-tab li .sign {
    width: 150px
}

.eform-ruleinfo-view .verify-list li .item:first-child {
    padding-left: 20px
}

.eform-ruleinfo-view .sham-tab li .source {
    width: 292px;
    position: relative;
    overflow: inherit
}

.eform-ruleinfo-view .sham-tab li .source .detail {
    width: 102px;
    position: absolute;
    left: 10px;
    top: 0
}

.eform-ruleinfo-view .sham-tab li .source .detail>select {
    width: 102px!important
}

.eform-ruleinfo-view .sham-tab li .source .constant {
    vertical-align: top;
    padding-left: 107px;
    display: inline-block;
    max-width: 100%
}

.eform-ruleinfo-view .sham-tab li .source .constant {
    vertical-align: top;
    padding-left: 107px;
    display: inline-block;
    width: 100%
}

.eform-ruleinfo-view .sham-tab li .source .constant .widget-content:not(.img-widget-content) {
    width: 100%;
    min-height: 40px
}

.eform-ruleinfo-view .sham-tab li .source .constant .progressbar {
    width: 100%;
    padding-top: 10px;
    margin-left: 8px;
    padding-right: 10px
}

.eform-ruleinfo-view .sham-tab li .source .constant .widget-content .form-timebox {
    vertical-align: top
}

.eform-ruleinfo-view .sham-tab li .source .constant .bootstrap-select.choicelist {
    min-width: 120px
}

.eform-ruleinfo-view .sham-tab .form-widget-raty .star {
    margin-top: 0
}

.eform-ruleinfo-view .sham-tab li .source .constant .field-position {
    padding: 0 12px;
    height: 30px;
    margin-top: 6px
}

.eform-ruleinfo-view .sham-tab li .source .constant .form-relevance-list>div {
    margin-top: 5px
}

.eform-ruleinfo-view .sham-tab li .source .constant .form-relevance-list>div:empty {
    display: none
}

.eform-ruleinfo-view .sham-tab li .source .constant .field-position>i {
    font-size: 17px;
    margin-right: 4px;
    position: absolute;
    left: 12px;
    top: 6px
}

.eform-ruleinfo-view .sham-tab li .source .constant .field-position>span {
    line-height: 30px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 0
}

.eform-ruleinfo-view .sham-tab li .source .constant .form-error {
    background: none repeat scroll 0 0 #ff6969;
    border-radius: 4px;
    bottom: -10px;
    color: #fff;
    display: none;
    font-size: 11px;
    opacity: .8;
    padding: 0 3px;
    position: absolute;
    z-index: 50;
    line-height: 1.42857143;
    left: 80px
}

.eform-ruleinfo-view .sham-tab li .source .constant .form-error:after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #ff6969;
    border-style: solid;
    border-width: 6px;
    content: "";
    height: 0;
    left: 32px;
    position: absolute;
    top: -11px
}

.eform-ruleinfo-view .sham-tab .form-widget-file .file-item a.name {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    padding-right: 70px
}

.eform-ruleinfo-view .sham-tab .form-widget-file .file-item a.btn {
    margin: 0 0 0 -62px
}

.eform-ruleinfo-view .sham-tab .form-widget-file .file-item .close {
    padding-right: 0;
    margin: 0 0 0 5px;
    display: none;
    float: none
}

.eform-ruleinfo-view .sham-tab .form-widget-file .file-item a.name+a.close {
    margin-left: -62px
}

.eform-ruleinfo-view .sham-tab .form-widget-file .file-item:hover .close {
    display: inline-block;
    vertical-align: middle;
    line-height: 26px
}

.eform-ruleinfo-view .sham-tab li .source .constant .file-input {
    margin-top: 6px
}

.eform-ruleinfo-view .sham-tab li .source .constant .file-input .file-tip {
    max-width: 100%;
    font-size: 12px;
    color: #666;
    line-height: 19px;
    padding-right: 30px
}

.eform-ruleinfo-view .sham-tab li .source .constant .file-input .file-ico {
    display: inline-block;
    position: absolute;
    right: 2px;
    top: 2px;
    background: #a1a1a1;
    color: #fff;
    height: 24px;
    width: 24px;
    line-height: 26px;
    text-align: center;
    border-radius: 2px
}

.eform-ruleinfo-view .sham-tab li .delete {
    width: 35px
}

.eform-ruleinfo-view .sham-tab li .delete>i {
    cursor: pointer
}

.eform-ruleinfo-view .card .link-help,.eform-ruleinfo-view .card .link-help:hover,.eform-ruleinfo-view .card .link-help:active,.eform-ruleinfo-view .card .link-help:visited {
    color: #999;
    text-decoration: none;
    float: right
}

.eform-ruleinfo-view .card:not(:last-child) {
    margin-bottom: 20px
}

.eform-ruleinfo-modal .module-help {
    top: 17px;
    right: 40px
}

.eform-ruleinfo-view .verify-group {
    padding: 0
}

.eform-ruleinfo-view .verify-group:hover {
    background: #fff
}

.eform-ruleinfo-view .filter-line {
    position: relative;
    overflow: hidden;
    padding: 6px 20px
}

.eform-ruleinfo-view .filter-line>span,.eform-ruleinfo-view .filter-line>select {
    vertical-align: middle
}

.eform-ruleinfo-view .verify-list:empty {
    display: none
}

.eform-ruleinfo-view .verify-list {
    position: relative
}

.eform-ruleinfo-view .verify-list:before {
    position: absolute;
    content: "";
    height: 1px;
    background: #ececec;
    left: 0;
    right: 0;
    top: -1px
}

.eform-ruleinfo-view .verify-list li {
    width: 100%;
    min-height: 42px;
    position: relative
}

.eform-ruleinfo-view .verify-list li:last-child,.eform-ruleinfo-view .verify-list li:only-child {
    border-bottom: 0
}

.eform-ruleinfo-view .verify-list .choicelist {
    line-height: inherit;
    margin: 0
}

.eform-ruleinfo-view .verify-list .form-relevance-list>div {
    display: inline-block
}

.eform-ruleinfo-view .verify-list select {
    max-width: 160px!important;
    width: auto!important
}

.eform-ruleinfo-view .verify-list .operate select {
    max-width: 130px!important
}

.eform-ruleinfo-view .verify-list .target {
    width: 30%
}

.eform-ruleinfo-view .verify-list .operate {
    width: 20%
}

.eform-ruleinfo-view .verify-list.sham-tab li .source {
    width: 45%
}

.eform-ruleinfo-view .verify-list .del {
    width: 5%
}

.eform-ruleinfo-view .verify-list li>.item:first-child,.eform-ruleinfo-view .verify-list li>.item:only-child {
    border-left: none
}

.rule-errorlog-dialog .modal-dialog {
    width: 1000px
}

.rule-errorlog-dialog .opt-box {
    position: relative;
    margin-bottom: 20px
}

.rule-errorlog-dialog .toolkit-list {
    min-height: 30px;
    height: auto;
    overflow: hidden;
    padding-right: 70px
}

.rule-errorlog-dialog .opt-btn {
    position: absolute;
    right: 0;
    top: 0
}

.rule-errorlog-dialog .modal-body {
    min-height: 550px
}

.rule-errorlog-dialog .sham-tab li.no-data,.sham-tab li.loading {
    border-bottom: 1px solid #ddd
}

.eform-right-wrapper .statbody:hover .mCustomScrollBox>.mCSB_scrollTools,.wform-stat-content .statbody:hover .mCustomScrollBox>.mCSB_scrollTools,.eform-stat-content .statbody:hover .mCustomScrollBox>.mCSB_scrollTools {
    opacity: 1
}

.eform-stat-mask {
    background: rgba(255,255,255,0.8);
    top: 50px
}

.eform-stat-mask .loading-big {
    top: 30%
}

.eform-stat-position .stat-position-input {
    box-sizing: border-box;
    border-width: 0 27px 0 10px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: transparent;
    border-left-color: transparent;
    padding: 9px 0;
    line-height: 20px;
    font-size: 16px;
    height: 38px;
    color: #333;
    position: relative;
    border-radius: 2px 0 0 2px;
    width: 329px;
    box-shadow: rgba(0,0,0,0.14902) 1px 2px 1px;
    float: left
}

.eform-stat-position .stat-position-search {
    pointer-events: auto;
    background: #3385ff;
    width: 57px;
    height: 39px;
    float: left;
    cursor: pointer;
    border-radius: 0 2px 2px 0;
    box-shadow: 1px 2px 1px rgba(0,0,0,.15);
    -webkit-box-shadow: 1px 2px 1px rgba(0,0,0,.15);
    color: #fff;
    text-align: center;
    line-height: 39px;
    font-size: 18px
}

.eform-stat-position .stat-position-search:hover {
    background-color: #2e77e5;
    text-decoration: none
}

.eform-stat-position .stat-position-close {
    position: absolute;
    z-index: 11;
    left: 302px;
    cursor: pointer;
    width: 18px;
    height: 18px;
    background-color: #ddd;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    line-height: 18px;
    font-size: 12px
}

.eform-stat-position .stat-position-close:hover {
    background-color: #d4d1d1;
    text-decoration: none
}

.eform-map-head {
    margin-top: -3px;
    color: #333;
    position: relative
}

.eform-map-head>span {
    display: block
}

.eform-map-head .address {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 100px
}

.eform-map-head .votes {
    position: absolute;
    right: 25px;
    top: 0;
    font-size: 12px
}

.eform-map-head .votes .num {
    color: #f64336;
    margin-right: 3px;
    vertical-align: top
}

.eform-map-head .address>i {
    font-size: 12px;
    color: #999;
    vertical-align: 0;
    margin-right: 3px
}

.eform-map-head .close {
    position: absolute;
    right: 0;
    top: -4px;
    float: none
}

ul.eform-map-list {
    margin-top: 10px;
    max-height: 230px;
    overflow-x: auto
}

.eform-map-list li {
    border-top: 1px solid #ddd;
    padding: 10px 0;
    position: relative;
    cursor: pointer
}

.eform-map-list li.active {
    background-color: #f8f8f8
}

.eform-map-list .avatar {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -16px
}

.eform-map-list .avatar img {
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.eform-map-list li>div:not(.avatar) {
    padding-left: 45px
}

.eform-map-list li>div {
    font-size: 12px
}

.eform-map-list li:after {
    height: 10px;
    width: 10px;
    border-color: #c7c7cc;
    border-style: solid;
    border-width: 1px 1px 0 0;
    position: absolute;
    content: "";
    right: 4px;
    top: 50%;
    margin-top: -7px;
    transform: rotate(45deg)
}

.eform-map-list .report-name {
    padding-top: 2px;
    font-size: 14px
}

.eform-map-list .time {
    color: #999
}

.eform-map-list li .name {
    color: #666
}

.eform-map-list li .name,.eform-map-list .report-name {
    max-width: 100%;
    padding-right: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.eform-stat-position .view-tab {
    float: right
}

.eform-stat-position .view-tab a {
    color: #999;
    padding: 0 5px
}

.eform-stat-position .view-tab a.active {
    color: #5d9cec
}

.eform-stat-position .view-tab a+a {
    border-left: 1px solid #d2d2d2
}

.eform-right-wrapper .multi-eform-header {
    min-height: 51px
}

.eform-right-wrapper .multi-eform-header .opt-box {
    top: 10px
}

.eform-right-wrapper .multi-eform-header .module-help {
    top: 16px
}

.eform-right-wrapper .multi-eform-header .info-box .form-name {
    margin-top: 15px
}

.eform-right-wrapper .multi-eform-header.multi-eform-hastab {
    min-height: 64px
}

.eform-right-wrapper .multi-eform-header.multi-eform-hastab .opt-box {
    top: 16px
}

.eform-right-wrapper .multi-eform-header.multi-eform-hastab .module-help {
    top: 23px
}

.eform-right-wrapper .multi-eform-header.multi-eform-hastab .info-box .form-name {
    margin-top: 10px
}

.eform-batch-modal .entity-info {
    padding: 20px
}

.eform-batch-modal .detail-block {
    margin: 0
}

.eform-batch-modal .entity-info .control-group .control-label {
    width: 90px
}

.eform-batch-modal .entity-info .control-group .controls {
    margin-left: 100px;
    min-height: 30px
}

.eform-batch-modal .entity-info .control-group .controls .no-field {
    color: #999;
    height: 30px;
    line-height: 30px
}

.eform-batch-modal .entity-info .control-group .controls .widget-title {
    display: none
}

.eform-batch-modal .entity-info .control-group .controls .form-control {
    vertical-align: text-bottom
}

.eform-batch-modal .entity-info .control-group .controls .engine-search {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 26px;
    margin: 0;
    padding: 3px;
    position: relative;
    width: 20px
}

.eform-batch-modal .entity-info .control-group .controls .engine-search i {
    color: #08c;
    font-size: 14px;
    line-height: 18px
}

.eform-batch-modal .entity-info .control-group .controls .radio-line {
    margin-top: 5px;
    display: inline-block
}

.eform-batch-modal .entity-info .control-group .controls .radio-line+.radio-line {
    margin-left: 10px
}

.eform-batch-modal .entity-info .control-group .controls .radio-line input {
    margin: 3px 3px 0 0;
    vertical-align: -2px
}

.eform-batch-modal .entity-info .control-group .controls .form-view {
    box-shadow: none;
    min-height: auto;
    background: transparent;
    margin: 0;
    width: auto
}

.eform-batch-modal .entity-info .control-group .controls .form-view .field {
    padding: 0;
    border: 0;
    position: static;
    background: transparent
}

.eform-batch-modal .entity-info .control-group .controls .form-view .field:after,.eform-batch-modal .entity-info .control-group .controls .form-view .field:before {
    clear: inherit
}

.eform-batch-modal .form-view .field-hoz .widget-content {
    margin-left: 0;
    min-height: auto
}

.eform-batch-modal .form-relevance-list .nopermission {
    margin-bottom: 0;
    height: 30px;
    line-height: 30px
}

.eform-batch-modal .mCSB_container {
    padding-bottom: 280px
}

.eform-batch-modal .entity-info .control-group .controls .progressbar .eui-slider {
    margin-top: 0
}

.eform-stateexport-modal .table-more {
    background: #fff;
    border-color: #e5e5e5
}

.eform-stateexport-modal span.notes {
    margin: 10px 0;
    display: inline-block;
    color: #999;
    padding: 0 10px;
    font-size: 12px
}

.statsheet-view {
    min-width: 800px
}

#workdays {
    height: 500px
}

.workdays-memo {
    padding: 0 10px 10px 10px
}

#workdays .today {
    background-image: none;
    background-repeat: repeat-x;
    background-color: #fff;
    border-color: #ccc
}

.workdays-workingtime {
    margin-top: 25px
}

.workdays-workingtime select {
    font-size: 12px;
    padding: 1px;
    width: 70px;
    height: 22px
}

.workdays-workingtime label {
    display: inline-block;
    min-width: 10px;
    padding-left: 5px;
    height: 22px;
    vertical-align: middle
}

.attendance-left {
    width: 300px;
    float: left;
    border-right: 1px solid #ddd
}

.attendance-right {
    margin-left: 310px
}

.attendance-main .stat-box select {
    font-size: 12px;
    padding: 1px
}

.attendance-main .stat-view {
    padding: 10px;
    line-height: 25px;
    min-height: 300px;
    font-size: 12px
}

.attendance-main .stat-view table {
    margin: 0
}

.attendance-main .stat-view table th,.attendance-main .stat-view table td {
    width: 90px;
    max-width: 90px
}

.attendance-main .stat-calendar {
    margin: 5px 0
}

.attendance-main .stat-calendar a {
    padding: 0;
    font-size: 12px
}

.attendance-main .ui-datepicker td a,.attendance-main .ui-datepicker td span {
    padding: 0;
    text-align: center;
    height: 22px;
    line-height: 22px;
    width: 25px
}

.attendance-main .ui-datepicker th {
    padding: 0;
    text-align: center
}

.attendance-main .report-department-select-div {
    float: right;
    margin-right: 36px
}

.attendance-main .report-description {
    color: #999;
    line-height: 24px;
    padding: 5px
}

.stat-box label {
    display: inline-block;
    min-width: 10px;
    padding-left: 10px;
    margin: 5px 5px 0 0;
    font-weight: normal
}

.attendance-main .stat-box input.form-control {
    color: #71b5df
}

.stat-calendar .calendar-datepicker {
    height: auto!important;
    padding: 0
}

.stat-calendar {
    font-size: 13px
}

.timecarddetail-box.modal .modal-dialog {
    width: 800px
}

.timecarddetail-box .modal-body {
    max-height: none;
    padding: 0 10px 10px
}

.timecarddetail-box table td {
    width: 90px;
    max-width: 90px
}

.timecarddetail-box .late {
    color: red
}

.timecarddetail-box .leave-early {
    color: red
}

.timecarddetail-box .absenteeism {
    color: red
}

#taskcalendar .tasks,#taskcalendar-week .tasks {
    padding: 0
}

#taskcalendar .task-more,#taskcalendar-week .task-more {
    font-size: 11px
}

#taskcalendar table td,#taskcalendar-week table td {
    width: 142px;
    max-width: 142px;
    padding: 0;
    vertical-align: top;
    word-break: break-all;
    overflow: hidden
}

#taskcalendar table,#taskcalendar-week table {
    table-layout: fixed
}

#taskcalendar-week table td {
    width: 151.4px;
    max-width: 151.4px;
    height: 750px
}

#taskcalendar-week .tasks {
    height: 100%;
    max-height: 100%
}

#taskcalendar table td {
    height: 140px;
    max-height: 140px
}

#taskcalendar .tasks {
    height: 140px;
    max-height: 140px
}

#taskcalendar .tasks-div {
    height: 120px
}

#taskcalendar .dow {
    max-height: 10px;
    height: 10px;
    font-weight: bolder
}

#taskcalendar-week .dow {
    max-height: 10px;
    height: 10px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #e8eef7;
    cursor: default
}

#taskcalendar .task-more,#taskcalendar-week .task-more {
    float: right
}

#taskcalendar .task-more a,#taskcalendar-week .task-more a {
    color: #999
}

#taskcalendar .task,#taskcalendar-week .task {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 1px;
    height: 20px;
    text-align: left;
    padding: 0 2px
}

#taskcalendar .task:hover,#taskcalendar-week .task:hover {
    cursor: pointer
}

#taskcalendar .task-day {
    text-align: left;
    float: left
}

.statcalendar-modal .modal-body {
    padding: 0
}

#taskcalendar-head {
    padding: 4px 8px 4px 5px;
    border-bottom: 1px solid #e2e2e2
}

#taskcalendar-head .this-month,#taskcalendar-head .this-week {
    color: red;
    margin: 0 10px
}

#taskcalendar .task-day-head {
    background-color: #e8eef7;
    height: 20px;
    text-align: left;
    padding: 0 2px
}

#taskcalendar .disabled .task-day-head,#taskcalendar .holiday .task-day-head {
    background-color: #eee
}

#taskcalendar .today .task-day-head {
    background-color: #9cf
}

#taskcalendar .disabled,#taskcalendar .holiday {
    color: #000
}

.statsheet-view {
    padding: 5px 10px;
    margin-top: 10px
}

.statsheet-view .title,.statistic-title {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #696b6e;
    margin-bottom: 10px
}

.statistic-title {
    margin-top: 15px
}

.statsheet-view .static-choose>div:not(.filter) {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.statsheet-view .static-choose .filter>div:not(.btn-group) {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.statsheet-view .static-year {
    width: 100px;
    margin-bottom: 0
}

.statsheet-view .static-month {
    border-bottom: 5px solid #fff;
    width: 36px;
    text-align: center;
    vertical-align: middle;
    margin-right: 5px
}

.statsheet-view .filter {
    position: absolute;
    right: 0;
    top: 0
}

.statsheet-view .main-hd .filter {
    padding-bottom: 0
}

@media(max-width: 1300px) {
    .statsheet-view.taskreport .filter,.statsheet-view.screenchange .filter {
        width:100%;
        padding: 5px;
        float: none;
        text-align: left;
        position: relative
    }
}

.statsheet-view .myfollow,.statsheet-view .mySubordinate,.statsheet-view .myself {
    margin-right: 15px
}

.statsheet-view .department select {
    width: 140px;
    margin-bottom: 0
}

.statsheet-view .static-choose .static-month.selected {
    border-bottom: 5px solid #e88c13;
    background-color: transparent
}

.statsheet-view .report-data {
    margin-top: 9px
}

.statsheet-view .table th,.statsheet-view .table td {
    padding: 8px 0
}

.statsheet-view table {
    width: 100%
}

.statsheet-view table tr:first-child {
    color: #666
}

.statsheet-view table tbody td {
    text-align: center;
    vertical-align: middle
}

.statsheet-view table tbody .username-td {
    text-align: left;
    vertical-align: middle;
    padding: 8px 20px
}

.statsheet-view .table .username-th {
    min-width: 60px;
    overflow: hidden;
    text-align: left;
    padding: 8px
}

.statsheet-view .count-th {
    min-width: 30px;
    overflow: hidden
}

.statsheet-view tbody td span {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: top
}

.statsheet-view thead th {
    text-align: center;
    vertical-align: middle
}

.statsheet-view tbody td span.holiday,.statsheet-view thead th.holiday,.statsheet-view tbody td.holiday {
    background-color: #eee
}

.statsheet-view tbody td span.finished {
    background-image: url('/static/images/teams/submited.png');
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-position: -1px -1px;
    cursor: pointer
}

.statsheet-view tbody td span.unfinished {
    background-image: url('/static/images/teams/unsubmit.png');
    background-repeat: no-repeat;
    background-position: 0 0
}

.blogreport tbody td span.finished {
    background-image: url('/static/images/teams/submited_flat.png');
    background-repeat: no-repeat;
    background-position: 0 0
}

.blogreport tbody td span.later-finished {
    background-image: url('/static/images/teams/laterSubmited.png');
    background-repeat: no-repeat;
    background-position: 0 0
}

.statsheet-view .stat-foot span {
    margin-right: 10px;
    vertical-align: middle
}

.stat-foot span img {
    position: relative;
    top: -1px;
    margin-right: 2px;
    width: 14px;
    height: 14px
}

.flowreport .flow-list {
    position: absolute;
    width: 300px;
    margin: 0;
    padding: 10px 0;
    z-index: 100;
    text-align: left;
    background-color: #fff;
    border: 1px solid #000
}

.flowreport .flow-list .workflow .time {
    margin-left: 10px
}

.loginreport-filter {
    position: fixed;
    right: 33px;
    top: 110px;
    z-index: 10
}

.loginreport-filter>span {
    margin-left: 5px
}

.statistics-workhour .workhour-statbody,.statistics-workhour table.workhour-statbody tr:first-child>td {
    border-top: 0
}

.statistics-workhour .table tr>th,.statistics-workhour .table.workhour-statbody tr>td {
    min-width: 75px;
    padding-right: 5px;
    padding-left: 5px
}

.statistics-workhour table tr>th,.statistics-workhour table.workhour-statbody tr>td:not(.autorow) {
    word-break: break-all;
    word-wrap: break-word
}

.attendance-left .b-light:first-child {
    border-width: 0 0 1px 0
}

.attendance-left .b-light:not(first-child) {
    border-width: 1px 0
}

.stat-calendar .datepicker-days td>div {
    display: inline-block;
    height: 28px;
    width: 28px;
    line-height: 28px;
    border-radius: 50%
}

.stat-calendar .datepicker-days td.today {
    border-color: #ccc!important;
    background: 0;
    text-shadow: none!important;
    border-radius: 0!important
}

.stat-calendar .datepicker-days td.today:hover {
    background: #fdfcfc!important
}

.stat-calendar .datepicker-days td.today.holiday,.stat-calendar .datepicker-days td.today.holiday:hover {
    background: #f2f2f2!important
}

.stat-calendar .datepicker-days td.today.rest,.stat-calendar .datepicker-days td.today.rest:hover {
    background: #fff0f0!important
}

.stat-calendar .datepicker-days td.today>div {
    border: 1px solid #999
}

.statsheet-view .stat-data-flow table>thead>tr>th {
    padding-left: 8px;
    padding-right: 8px;
    white-space: nowrap
}

.stat-cdts {
    background: #fff;
    border: 1px solid #eaeaea;
    margin: 0 0 20px;
    padding: 20px 15px 15px
}

.stat-cdts .control-group {
    margin: 0 0 10px;
    min-height: 32px
}

.stat-cdts .control-label {
    width: 112px;
    font-weight: normal
}

.stat-cdts .controls {
    margin-left: 115px;
    max-width: 720px
}

.stat-cdts .timebox.active input {
    color: #08c
}

.stat-cdts .cdts-addmem-wgt .add-btn {
    background: #fff
}

.stat-cdts .cdts-addmem-wgt:hover .add-btn {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
    border-color: #a3adba
}

.stat-table>thead>tr>th {
    vertical-align: middle;
    color: #666
}

.stat-table>tbody>tr>td {
    color: #999
}

.stat-cdts-btn {
    padding: 0 0 0 112px
}

.stat-tip {
    padding: 10px 15px
}

.stat-tip h5 {
    margin: 0
}

.stat-tip .content {
    margin-top: 10px
}

.cdts-addmem-wgt .dropdown-filter .filter-group {
    padding: 10px;
    margin: 0!important
}

.cdts-addmem-wgt .dropdown-filter .filter-title {
    background-color: #ebebeb;
    height: 30px;
    line-height: 30px;
    padding: 0 10px
}

.statsheet-view .static-choose {
    color: #666;
    position: relative
}

.statsheet-view table tr:first-child td:nth-child(2),.statsheet-view table tr td:first-child {
    color: #666
}

.stat-cdts .control-label.clu-control-label {
    width: 70px;
    cursor: pointer
}

.stat-cdts .statistics-filter-rows {
    margin-left: 115px
}

.stat-cdts .statistics-filter-rows .sch-wrapper {
    border: 0;
    min-height: 0
}

.stat-cdts .statistics-filter-rows .sch-wrapper .remove-seach {
    min-height: 0;
    margin: 0
}

.stat-cdts .statistics-filter-rows .sch-wrapper .sch-group a.dele:hover {
    color: #2dc3e8;
    border-color: #2dc3e8
}

.stat-cdts .statistics-filter-rows .sch-wrapper .sch-group>.controls {
    margin-left: 0
}

.stat-cdts .statistics-filter-rows .sch-wrapper .sch-item+input.form-control {
    width: 150px
}

.sch-wrapper .sch-tasktype select.form-control {
    width: 156px
}

.wechatAPP-access {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 20px 20px 15px;
    padding: 15px 0
}

.wechatAPP-mod-hd {
    margin: 0 20px 18px 20px;
    font-size: 14px;
    font-weight: bold
}

.wechatAPP-mod-hd .hint {
    color: #999;
    font-size: 12px;
    padding-left: 15px;
    font-weight: normal
}

.wechatAPP-mod-list {
    margin: 0 10px;
    overflow: hidden
}

.wechatAPP-mod-list li {
    float: left;
    width: 70px;
    margin: 0 10px;
    text-align: center
}

.wechatAPP-mod-list li .mod-thumb {
    height: 70px;
    width: 70px;
    overflow: hidden;
    border-radius: 6px;
    position: relative
}

.wechatAPP-mod-list li img {
    height: 100%;
    width: 100%
}

.wechatAPP-mod-list li.active .mod-thumb .status {
    display: block
}

.wechatAPP-mod-list li.active .mod-thumb .add {
    display: none!important
}

.wechatAPP-mod-list li .mod-thumb .status,.wechatAPP-mod-list li .mod-thumb .add {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    color: #fff
}

.wechatAPP-mod-list li .mod-thumb .status {
    top: 0;
    padding-top: 24px;
    font-size: 14px;
    font-weight: bold;
    display: none
}

.wechatAPP-mod-list li .mod-thumb .add {
    top: -70px;
    font-size: 40px;
    padding-top: 10px;
    opacity: 0;
    -webkit-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear
}

.wechatAPP-mod-list li .mod-thumb .add:hover {
    text-decoration: none
}

.wechatAPP-mod-list li:hover .mod-thumb .add {
    top: 0;
    opacity: 1;
    font-size: 40px;
    padding-top: 10px
}

.wechatAPP-mod-list li .title {
    color: #666;
    margin: 10px 0;
    font-size: 14px
}

.wechatAPP-guide {
    border: 1px solid #e5e5e5;
    background: #f8f8f8;
    margin: 28px 50px 10px 58px;
    padding: 30px 10px 20px;
    border-radius: 8px
}

.wechatAPP-guide .guide-tab .btn {
    min-width: 155px;
    padding: 8px 12px
}

.wechatAPP-guide .guide-tip {
    font-size: 14px;
    margin: 18px 10px 15px
}

.guide-pic-slide {
    width: 680px;
    margin: 0 auto;
    position: relative
}

.guide-pic-slide .slide-num {
    width: 100%;
    height: 25px;
    margin-bottom: 15px;
    overflow: hidden
}

.guide-pic-slide .slide-num:before {
    content: "";
    height: 7px;
    display: block;
    width: 100%;
    background: #fff;
    margin-top: 9px;
    border: 1px solid #e9e9e9
}

.guide-pic-slide .slide-num ul {
    text-align: center;
    margin-top: -16px;
    font-size: 0
}

.guide-pic-slide .slide-num ul li {
    display: inline-block;
    width: 50px;
    position: relative;
    cursor: pointer
}

.guide-pic-slide .slide-num ul li span {
    display: inline-block;
    height: 25px;
    width: 25px;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 50%;
    line-height: 23px;
    font-size: 12px
}

.guide-pic-slide .slide-num ul li.active:before {
    content: "";
    position: absolute;
    height: 5px;
    width: 100%;
    top: 10px;
    left: 0;
    background: #4171b8
}

.guide-pic-slide .slide-num ul li.active span {
    background: #4171b8;
    border-color: #4171b8;
    color: #fff;
    position: relative;
    z-index: 1
}

.guide-pic-slide .slide-con a {
    cursor: url(/static/img/global/wechat_cursor.cur),auto
}

.guide-pic-slide .slide-con img {
    max-width: 100%;
    display: none
}

.guide-pic-slide .slide-con img:first-child {
    display: block
}

.guide-pic-slide .slide-con {
    position: relative
}

.guide-pic-slide .prev,.guide-pic-slide .next {
    position: absolute;
    top: 50%;
    left: -88px;
    height: 60px;
    width: 60px;
    z-index: 10
}

.guide-pic-slide .prev a,.guide-pic-slide .next a {
    display: block;
    height: 100%;
    width: 100%
}

.guide-pic-slide .next {
    right: -88px;
    left: auto
}

.guide-pic-slide .prev a:before,.guide-pic-slide .next a:before {
    content: "";
    position: absolute;
    height: 32px;
    top: 14px;
    left: 20px;
    width: 32px;
    border-style: solid;
    border-width: 0 0 5px 5px;
    border-color: rgba(0,0,0,.2);
    border-radius: 3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.guide-pic-slide .next a:before {
    left: 8px;
    border-width: 5px 5px 0 0
}

.guide-pic-slide .prev:hover a:before,.guide-pic-slide .next:hover a:before {
    border-color: #4171b8
}

.guide-pic-slide .slide-item:not(:first-child) {
    display: none
}

.wechatApp-sync-pane {
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #f8f8f8;
    position: relative;
    padding: 18px 10px 0 10px;
    -webkit-box-shadow: 1px 0 2px rgba(255,255,255,.6) inset;
    box-shadow: 1px 0 2px rgba(255,255,255,.6) inset
}

.wechatApp-sync-remind {
    margin: 0 15px 20px;
    padding: 18px 10px
}

.wechatApp-sync-remind .wechatAPP-mod-hd>span {
    display: inline-block;
    line-height: 20px
}

.wechatApp-sync-remind .wechatAPP-mod-hd>span:first-child {
    margin-right: 5px
}

.wechatApp-sync-remind .wechatAPP-mod-hd>span.remind-info {
    padding-right: 55px
}

.wechatApp-sync-remind .e-range {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px
}

.wechatApp-sync-pane .wechatAPP-mod-hd {
    padding-left: 5px
}

.wechatApp-sync-employee {
    height: 130px;
    margin: 0 20px
}

.wechatApp-sync-wx {
    height: 50px;
    margin: 0 20px 15px
}

.wechatApp-sync-wx .e-range {
    position: absolute;
    top: 10px;
    right: 10px
}

.wechatApp-sync-pane .wechatAPP-mod-hd {
    margin-left: 0
}

.wechatApp-sync-pane .wechatAPP-mod-hd .tenant-link {
    color: #fb0404;
    font-weight: normal;
    font-size: 12px;
    margin-left: 5px
}

.wechatApp-sync-pane .wechatAPP-mod-hd .tenant-link:hover {
    color: #e61e1e
}

.wechatApp-sync-pane .wechatAPP-mod-hd .tenant-link:focus {
    color: #bb0606
}

.wechatApp-sync-pane a.sync-btn {
    position: absolute;
    padding: 0 10px;
    right: 22px;
    top: 50%;
    margin-top: -50px;
    line-height: 30px;
    height: 30px;
    font-size: 16px;
    border-radius: 3px;
    color: #fff;
    background: #56bc4e;
    font-size: 16px;
    text-align: center;
    text-decoration: none
}

.wechatApp-sync-wx a.sync-btn {
    margin-top: -15px
}

.wechatApp-cont-list li {
    width: 60px;
    margin-bottom: 8px;
    display: inline-block;
    text-align: center
}

.wechatApp-cont-list li .avatar {
    cursor: default!important
}

.wechatApp-cont-list li .avatar img {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin-bottom: 5px
}

.wechatApp-cont-list li p.name {
    padding: 0 3px
}

.wechat-noresult {
    margin-top: 25px;
    font-size: 18px;
    color: #b7b7b7
}

.sysn-modal .modal-body {
    max-height: 651px
}

.sysn-modal .modal-dialog {
    width: 710px;
    z-index: 1200
}

.sysn-modal .sysn-inputs {
    padding: 20px
}

.sysn-modal .sysn-inputs .list-group {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px
}

.sysn-modal .sysn-inputs .list-group.hide {
    display: none
}

.sysn-modal .modal-body .control-group {
    margin: 0;
    padding: 0
}

.sysn-modal .modal-body .remind-tip {
    background: #f6f6f6;
    border: 1px #d5d5d5 solid;
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 4px;
    color: #999;
    overflow: hidden
}

.sysn-modal .modal-body .remind-tip>i {
    color: #fb6e52;
    font-size: 14px;
    display: inline;
    margin: 2px 10px 0 0
}

.sysn-modal .modal-body .remind-tip>.tip-info {
    display: inline
}

.sysn-modal .modal-body .tip-info>span {
    color: #fb7055;
    margin: 0 5px
}

.sysn-modal .modal-body .i-tips {
    color: #F00
}

.sysn-modal .module-help {
    right: 145px
}

.sysn-modal .detail-header {
    background: #fff
}

.sysn-modal .detail-actions>ul>li>a.close {
    font-size: 28px;
    border-left: 1px solid #ddd;
    opacity: 1;
    font-weight: normal;
    text-shadow: none;
    float: none;
    border-radius: 3px 3px 0 0
}

.sysn-modal .group-ul {
    overflow: hidden
}

.sysn-modal .group-ul>li {
    margin-bottom: 5px;
    overflow: hidden;
    line-height: 28px;
    border-bottom: 1px solid #ddd;
    padding: 11px 20px
}

.sysn-modal .group-ul>li:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.sysn-modal .group-ul>li>div {
    float: left
}

.sysn-modal .group-ul .title {
    width: 46px;
    font-weight: bold;
    color: #999;
    font-size: 12px
}

.sysn-modal .group-ul .info {
    width: 563px
}

.sysn-modal .group-ul>.department-li span {
    margin-right: 10px;
    color: #333;
    display: inline-block
}

.sysn-modal .group-ul .info-bold {
    color: #999;
    margin-right: 10px
}

.sysn-modal .group-ul .info-line {
    font-size: 0;
    overflow: hidden;
    min-height: 28px;
    line-height: 28px
}

.sysn-modal .group-ul .info-line>* {
    font-size: 14px;
    height: 28px;
    display: inline-block;
    line-height: 28px;
    color: #333
}

.sysn-modal .group-ul .info-bold {
    color: #999;
    margin-right: 10px
}

.sysn-modal .group-ul .info-line>span:not(.info-bold) {
    margin-right: 10px
}

.sysn-modal .list-group-item {
    padding: 11px 20px
}

.wechatsynrecord-box .modal-content {
    background: #eee
}

.wechatsynrecord-box .modal-header {
    border-bottom: 1px solid #ddd
}

.wechatsynrecord-content {
    overflow: hidden
}

.wechatsynrecord-content .toolkit-list>li {
    margin: 0 15px 10px 0
}

.wechatsynrecord-content .toolkit-item-nobr {
    margin: 0 15px 0 0!important
}

.wechatsynrecord-box .modal-dialog {
    width: 1000px
}

.wechatsynrecord-box .modal-body {
    max-height: 580px
}

.wechatsynrecord-content .toolkit-item .name-log {
    width: 150px
}

.wechatsynrecord-content .toolkit-item-nobr .typeahead-wrapper {
    margin-top: 2px
}

.wechatsynrecord-box table td {
    background-color: #fff
}

.wechatsynrecord-box .mCSB_container {
    padding: 0 0 150px 0
}

.modal-wct-card p.wct-txt {
    margin-bottom: 20px;
    color: #666;
    font-size: 14px;
    line-height: 25px;
    text-align: center
}

.modal-wct-card .modal-dialog {
    margin: 200px auto
}

.modal-wct-card .modal-content {
    padding: 40px 20px;
    border-radius: 15px
}

.modal-wct-card .modal-content .wct-img {
    text-align: center
}

.modal-wct-card .modal-content .wct-img img {
    margin: 0 35px
}

.modal-wct-card .modal-content .wct-img span {
    padding: 15px 0
}

.modal-wct-card .modal-content .btn {
    margin: 0 25px;
    width: 125px;
    text-align: center;
    height: 40px;
    line-height: 25px
}

.modal-wct-card .modal-content .wct-text {
    padding: 15px 0;
    text-align: center
}

.modal-wct-card .modal-content .wct-text>span {
    padding-right: 40px;
    padding-left: 50px
}

.modal-wct-card .modal-content .btn_y {
    background: #fb9933;
    border-color: #fb9933
}

.modal-wct-card .modal-content .btn_y:hover {
    background: #e98114
}

.modal-wct-card .modal-content .btn_n {
    background: #2985dd;
    border-color: #2985dd;
    color: #fff
}

.modal-wct-card .modal-content .btn_n:hover {
    background: #1478d8
}

#print-toolbar {
    position: fixed;
    width: 100%;
    background: #f0f0f0;
    border-bottom: 1px solid #ddd;
    padding: 8px 0;
    z-index: 700;
    min-height: 44px
}

.print-mask {
    background: rgba(0,0,0,0);
    top: 0;
    bottom: 0;
    width: 1000px;
    left: 50%;
    margin-left: -500px;
    position: fixed;
    z-index: 100
}

#print {
    padding-top: 60px;
    margin-bottom: 20px
}

#print .module-detail-view {
    margin: 0 10px
}

#print .comment-wrapper .comment-item:first-child:before {
    border-top: 0
}

.print-template-page #print .module-detail-view {
    margin: 0
}

#print .workflow-typename {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    position: relative;
    min-height: 97px;
    line-height: 97px;
    margin: 0;
    padding: 0
}

.print-sliderfont#print .workflow-status {
    line-height: 20px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 0
}

#print .links-control-group,#print .comment-post,#print .comment-item .action,#print .upload-btn-wrap,#print .detail-actions,#print .detail-brand .graph,#print .detail-desc-wrap .graph,#print .entity-info .control-group .control-label .graph,#print .detail-infos .info-item .graph,#print .importance-item dfn,#print .opt-maximize,#print .detail-header,#print .entity-item-add,#print .j_more_btn {
    display: none!important
}

#print .entity-info .entity-relevance .entity-item {
    display: inline-block;
    max-width: 436px
}

#print .entity-item.attachment a.remoteDownload {
    max-width: 843px!important
}

#print .print-comment-panel .entity-item.attachment:not(.image) a.remoteDownload,#print .print-comment-panel .entity-item.attachment:not(.image),#print .print-comment-panel .entity-container {
    width: 100%!important
}

#print .print-comment-panel .entity-item.attachment:not(.image) {
    display: block
}

#print .print-comment-panel .entity-container {
    margin-left: 0
}

#print .entity-container .entity-item.attachment:first-child {
    margin-top: 0
}

#print .entity-item.attachment #print .importance-item {
    padding-left: 0
}

#print .detail-desc-wrap {
    padding-left: 20px
}

#print .detail-header {
    background: 0;
    display: none
}

#print .detail-block,#print .detail-block-more {
    margin-left: 0;
    margin-right: 0
}

#print .detail-summary {
    margin: 0
}

#print .detail-infos .info-item dd {
    margin-left: 55px
}

#print .detail-brand {
    font-size: 18px;
    margin: 12px 0 0 0
}

#print .detail-tab,#print .comment-wrapper .comment-more,#print .stream-wrapper .stream-more,#print .form-databox-wrap,#print .detail-block>.block-head,#print .detail-block-more,#print .detail-block-slideup {
    z-index: 500;
    position: relative
}

#print.slider-linecolor-10 .entity-info .control-group {
    border-color: #000
}

#print .entity-info .control-group:first-child {
    border-top: 0
}

#print .entity-info .control-group .control-label {
    width: 80px
}

#print .entity-info .control-group .controls {
    margin-left: 80px
}

.entity-info .control-group #print .detail-block>.block-head {
    border-bottom: 1px solid #e5e5e5
}

#print .detail-block-slideup {
    border-top: 0
}

#print .entity-info .control-group {
    border-top: 1px solid #e5e5e5;
    border-bottom: 0
}

#print .module-detail-view .detail-content .form-preview .form-view {
    margin-left: 0;
    margin-right: 0
}

#print .form-tablelayout-wrap {
    z-index: 600
}

#print .form-view .btn {
    display: none
}

#print .stream-container {
    color: #999;
    line-height: 34px;
    margin: 2px 0
}

#print .stream-box {
    padding: 9px 18px;
    border-bottom: 0
}

#print .readinfo-box,#print .stream-box {
    border-bottom: 0;
    margin: 0;
    padding: 9px 18px;
    line-height: 20px
}

#print .readinfo-box:after,#print .stream-box:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 18px;
    right: 18px;
    height: 1px;
    border-top: 1px dashed #e2e2e2
}

#print .readinfo-box:only-child::after,#print .readinfo-box:last-child::after,#print .stream-box:only-child::after,#print .stream-box:last-child::after {
    display: none
}

#print .form-view .subtd_option,#print .form-info .form-table tr td.last-child,#print .form-info .form-table tr th.last-child {
    display: none!important
}

#print .form-view .form-timebox {
    width: auto
}

#print .form-timebox-wrap+.input-instead,#print .form-timebox-wrap .input-instead {
    white-space: nowrap
}

.print-flowstatus {
    border: 1px solid #ddd;
    border-radius: 10px;
    left: 50%;
    margin-left: 440px;
    padding: 2px 5px;
    position: absolute;
    top: 75px
}

#print .module-detail-view .textinput-b.title {
    padding-left: 0
}

#print .wform-title .title {
    overflow: hidden;
    word-wrap: break-word;
    resize: none;
    height: auto;
    display: block;
    width: 100%;
    text-overflow: inherit;
    white-space: normal
}

#print .wform-title {
    margin: 8px 12px
}

#print .wform-title .sernum-box {
    position: relative;
    right: inherit;
    top: inherit;
    max-width: 100%;
    white-space: normal;
    overflow: hidden;
    text-overflow: inherit;
    height: auto;
    word-break: break-all;
    width: 100%;
    border-top: 0
}

#print .wform-title .sernum-span {
    color: #999
}

#print .workflow-typename .name {
    white-space: normal;
    text-overflow: inherit;
    word-break: break-all;
    vertical-align: middle;
    max-width: 460px
}

#print .wform-post-info .item .entity-item a:not(.btn) {
    max-width: 219px
}

#print .wform-post-info .item .entity-item .avatar+span {
    max-width: 190px
}

#print .wform-post-info .item .department {
    max-width: 335px
}

#print .wform-submit-history .history-div table {
    border: 0;
    border-top: 1px solid #e5e5e5
}

#print .task-wrap .addSubtask {
    display: none!important
}

#print .reports-body .report-result-content {
    padding-left: 0
}

#print-toolbar .changeFont {
    margin-top: 6px;
    display: none
}

#print-toolbar .changeFont>a {
    border-radius: 3px;
    margin: 0 2px;
    padding: 2px 3px
}

#print .reports-head {
    margin: 0;
    position: relative
}

#print .reports-head {
    margin: 0;
    position: relative
}

#print .reports-head .tips {
    display: none
}

#print .reports-body {
    padding: 0 0 20px 0;
    margin-bottom: 0
}

#print .report-result h4 .graph {
    display: none
}

#print-toolbar .changeFont>a.active {
    color: #fff;
    background: #235fba;
    text-decoration: none
}

.print-report.fs-b {
    font-size: 1.5em
}

.print-report.fs-m {
    font-size: 1.2em
}

.print-report.fs-s {
    font-size: 1em
}

#print .myblog {
    height: auto!important
}

#print .reports-body+#extend-panel .detail-block {
    margin: 0
}

#print .blog-list .blog-item {
    margin-right: 3px
}

.blog-print-content {
    margin-top: 1.4em
}

.blog-print-content h5 {
    font-size: 1.2em
}

.blog-print-content .blog-list .blog-header .name {
    font-size: 1.1em
}

.print-report.fs-b .blog-list dt .blog-date,.print-report.fs-b .blog-list .blog-time {
    font-size: .9em
}

.print-report .reports-caption,.print-report .reports-input h5 {
    font-size: 1.2em
}

.print-report .reports-body .report-result h4 {
    font-size: 1em
}

.print-report .stream-box,.print-report .readinfo-box {
    line-height: 2
}

#print.fs-b .reports-body .entity-info .control-group .control-label {
    font-size: 19px;
    width: 100px
}

#print.fs-m .reports-body .entity-info .control-group .control-label {
    font-size: 16px;
    width: 88px
}

#print.fs-s .reports-body .entity-info .control-group .control-label {
    font-size: 12px
}

.print-mainlinereport.fs-b,#print.print-mainlinereport .entity-info .control-group .control-label,#print.print-mainlinereport .reportname {
    font-size: 1.5em
}

.print-mainlinereport.fs-m,#print.print-mainlinereport .entity-info .control-group .control-label,#print.print-mainlinereport .reportname {
    font-size: 1.2em
}

.print-mainlinereport.fs-s,#print.print-mainlinereport .entity-info .control-group .control-label,#print.print-mainlinereport .reportname {
    font-size: 1em
}

#print.print-mainlinereport .detail-block {
    margin: 0 18px 13px
}

#print.print-mainlinereport .entity-info .control-group .control-label {
    width: auto;
    margin-right: 10px
}

#print.print-mainlinereport.fs-b .entity-info .control-group .controls {
    margin-top: 0!important
}

#print .form-preview .form-view .form-databox {
    z-index: 600;
    overflow: visible!important
}

#print .form-preview .form-view .form-databox table {
    table-layout: fixed;
    vertical-align: top
}

#print .form-preview .form-view .form-databox table th {
    position: relative;
    width: auto;
    max-width: 238px;
    min-width: 0
}

#print .workflow-container .wform-post-info .entity-container {
    margin: 0
}

#print .workflow-container .wform-post-info .entity-item {
    padding: 0
}

#print .wform-post-info .item .entity-container {
    max-width: inherit
}

#print.fs-s .wform-post-info .item .entity-item a:not(.btn) {
    max-width: 218px
}

#print.fs-s .wform-post-info .item .entity-item .avatar+span {
    max-width: 189px
}

#print.fs-m .wform-post-info .item .entity-item a:not(.btn) {
    max-width: 212px
}

#print.fs-m .wform-post-info .item .entity-item .avatar+span {
    max-width: 183px
}

#print.fs-b .wform-post-info .item .entity-item a:not(.btn) {
    max-width: 205px
}

#print.fs-b .wform-post-info .item .entity-item .avatar+span {
    max-width: 176px
}

#print .wform-post-info .item .entity-item a.username {
    height: 24px;
    line-height: 20px;
    margin: 1px 0 0 0
}

#print .wform-post-info .item .department {
    color: #333;
    text-decoration: none;
    display: inline-block
}

#print.fs-s .wform-post-info .item .department {
    max-width: 330px
}

#print.fs-m .wform-post-info .item .department {
    max-width: 326px
}

#print.fs-b .wform-post-info .item .department {
    max-width: 321px
}

#print .print-divhide-content .border {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 501
}

#print .print-divhide-content:hover>.border {
    border: 1px dashed #5d9cec!important;
    display: block
}

#print .print-divhide-content {
    position: relative;
    z-index: 500
}

#print .logo-img {
    position: absolute;
    top: 50%;
    left: 1px;
    z-index: 501;
    max-height: 90px;
    line-height: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

#print .logo-img img {
    max-height: 90px;
    max-width: inherit;
    vertical-align: text-bottom
}

#print .logo-img i {
    position: absolute;
    font-size: 14px;
    right: 0;
    top: 0;
    cursor: pointer;
    color: #e80000;
    opacity: .8;
    display: none
}

#print .logo-img:hover i {
    display: inline-block
}

#print .logo-img i:hover {
    opacity: 1
}

#print .form-preview .vertical-table {
    border-bottom: 1px solid #e5e5e5
}

#print .print-divhide-content.detail-tab:hover {
    border-bottom-color: transparent
}

#print .print-divhide-content.detail-tab:hover ul>li>a {
    border-bottom: 3px solid transparent
}

#print .print-divhide-content:hover .form-tablelayout table,#print .print-divhide-content:hover .form-tablelayout table .field {
    background: #efefef
}

#print .print-divhide-content th.print-divhide-content {
    position: relative;
    z-index: 600
}

#print .print-divhide-content:hover>.flow-close {
    display: inline-block
}

#print .print-divhide-content>.flow-close {
    position: absolute;
    right: 12px;
    top: 50%;
    font-size: 20px;
    z-index: 600;
    display: none;
    margin-top: -8px;
    color: #5d9cec;
    opacity: .8;
    width: 15px;
    height: 15px;
    line-height: 13px
}

#print .print-divhide-content.form-databox-wrap>.flow-close,#print .comment-wrapper .print-divhide-content>.flow-close {
    margin-top: 0;
    top: 8px
}

#print th.print-divhide-content:hover>.border,#print td.print-divhide-content:hover>.border,#print th.print-divhide-content:hover>.close,#print td.print-divhide-content:hover>.close {
    border: 0;
    display: none
}

#print tr.print-divhide-table:hover th.print-divhide-content>.close,#print tr.print-divhide-table:hover td.print-divhide-content>.close {
    display: inline-block
}

#print .form-preview .form-tabs-wrapper+div:not(.form-tabs-wrapper) {
    border-top-width: 0!important
}

#print .form-view>div.form-tabs-wrapper:first-child {
    border-top-width: 1px
}

#print .form-tabs-wrapper {
    padding: 10px;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #ddd;
    position: relative;
    z-index: 101
}

#print .form-preview .form-tabs {
    padding: 0
}

#print .form-tabs .tabs-content {
    margin: 0;
    border-width: 1px 0;
    overflow-y: inherit
}

#print .form-preview .form-tabs .tabs-head {
    margin: 0;
    min-height: 25px;
    bottom: 0
}

#print .form-tabspaved-wrapper .form-tabs .tabs-head {
    min-height: 0
}

#print .form-tabs .tabs-head .head-opt {
    float: right
}

#print .form-tabs .tabs-head .head-opt>div {
    display: block;
    float: left
}

#print .form-tabs .tabs-head .head-opt>div+div {
    margin-left: 10px
}

#print .form-tabs .tabs-head .opt-tile {
    font-size: 0
}

#print .form-tabs .tabs-head .opt-tile a {
    color: #999;
    font-size: 16px;
    padding: 0 5px
}

#print .form-tabs .tabs-head .opt-tile a,.form-tabs .tabs-head .opt-tile a:hover {
    text-decoration: none
}

#print .form-tabs .tabs-head .opt-tile a.active {
    color: #108ee9
}

#print .form-tabs .tabs-head .opt-check {
    font-size: 0
}

#print .form-tabs .tabs-head .opt-check>span,#print .form-tabs .tabs-head .opt-check>input {
    display: block;
    font-size: 14px;
    float: left
}

#print .form-tabs .tabs-head .opt-check>input {
    margin-top: 5px
}

#print .form-tabs .tabs-head .opt-check>span {
    margin: 0 0 0 5px
}

#print .form-tabspaved-wrapper {
    padding: 0;
    border: 0
}

#print .form-tabspaved-wrapper .form-tabs .tabs-head-block .head-opt {
    margin-right: 10px
}

#print .form-tabs .tabs-head {
    z-index: 1111
}

#print .form-tabs .tabs-head ul>li.active {
    border-bottom-color: #fff!important;
    background: #fff
}

#print .form-tabspaved-wrapper .form-tabs .tabs-head-block {
    overflow: hidden;
    border-color: #ddd;
    padding: 10px 0 2px 0;
    border-style: solid;
    border-width: 1px 1px 0 1px
}

#print .form-tabspaved-wrapper+.form-tabspaved-wrapper .form-tabs .tabs-head-block {
    border-top-width: 0
}

#print .form-view>div.form-tabspaved-wrapper {
    margin: 10px 0
}

#print .task-container .form-view>div.form-tabspaved-wrapper,#print .reports-content .form-view>div.form-tabspaved-wrapper {
    margin: 0
}

#print.page-divider-print .task-container .form-tabspaved-wrapper+.form-tabs-wrapper,#print.page-divider-print .reports-content .form-tabspaved-wrapper+.form-tabs-wrapper {
    border-top-width: 0
}

#print .task-container .form-tabspaved-wrapper .form-tabs .tabs-head-block,#print .reports-content .form-tabspaved-wrapper .form-tabs .tabs-head-block {
    border-width: 0 1px
}

#print .form-view>div.form-tabspaved-wrapper:first-child {
    margin-top: 0
}

#print .form-view>div.form-tabspaved-wrapper:last-child {
    margin-bottom: 0
}

#print .form-tabs .tabs-content .before-border-div {
    border-width: 0 1px 1px 1px
}

.print-template-page #print .form-tabs .tabs-content .before-border-div {
    border-left-width: 0!important;
    border-right-width: 0!important
}

#print .form-view .relevance-card .item>.title {
    height: auto
}

#print .form-view .relevance-card .item>.title p {
    white-space: normal;
    text-overflow: inherit;
    word-wrap: break-word;
    line-height: 24px
}

#print .form-view .relevance-card .item .line label {
    white-space: normal;
    text-overflow: inherit;
    word-wrap: break-word
}

#print .form-view .field .relevance-card .item {
    border: 1px solid #e5e5e5
}

#print .form-view .relevance-card .item>.title {
    border-bottom: 1px solid #e5e5e5
}

#print .comment-wrapper .comment-item:hover .actions {
    display: none
}

#print .print-comment-panel .comment-container {
    overflow: hidden
}

#print .print-comment-panel .comment-item:before,#print .comment-wrapper .comment-item:before {
    display: none
}

#print .print-comment-panel .comment-item:after,#print .comment-wrapper .comment-item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    height: 1px;
    border-top: 1px dashed #dedede
}

#print .print-comment-panel .comment-item:only-child::after,#print .print-comment-panel .comment-item:last-child::after,#print .comment-wrapper .comment-item:only-child::after,#print .comment-wrapper .comment-item:last-child::after {
    display: none
}

#print .print-comment-panel .comment-item {
    width: 25%;
    float: left
}

#print .print-comment-panel .comment-item .comment-user {
    word-break: break-all
}

#print .print-comment-panel .comment-item .content .sign-image {
    max-width: 185px
}

#print .print-comment-panel .comment-item .actions,#print .print-comment-panel .comment-item:hover .actions {
    display: none
}

#print .print-comment-panel .comment-item:hover {
    background-color: #fff
}

#print .print-comment-panel .comment-line {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

#print .print-comment-panel .comment-line>div {
    width: 25%;
    float: left;
    height: 100%;
    border-right: 1px solid #dedede
}

#print .print-comment-panel .comment-line>div:last-child {
    width: 25%;
    float: left;
    height: 100%;
    border-right: 0
}

.device-needle-printer #print a {
    color: inherit!important;
    text-decoration: none!important
}

.device-needle-printer {
    color: inherit
}

.device-needle-printer #print *:not(.devider-line):not(.devider-dele) {
    color: inherit!important
}

.print-page .print-fontsize-slider {
    float: right
}

.print-page .print-fontsize-slider>* {
    display: inline-block;
    vertical-align: center
}

.print-page .print-fontsize-slider .label {
    margin-right: 10px
}

.print-page .print-fontsize-slider .eui-slider {
    width: 100px
}

.print-page .print-fontsize-slider .eui-slider .ui-slider {
    margin-top: 13px;
    background: #ddd
}

.print-page .print-fontsize-slider .eui-slider .ui-slider-horizontal {
    height: 6px
}

.print-page .print-fontsize-slider .eui-slider .ui-slider .ui-slider-handle {
    top: -8px
}

.print-sliderfont .workflow-status {
    width: auto;
    padding: 4px 8px
}

.print-page .print-linecolor-slider {
    float: right
}

.print-page .print-linecolor-slider>* {
    display: inline-block;
    vertical-align: center
}

.print-page .print-linecolor-slider .label {
    margin-right: 10px
}

.print-page .print-linecolor-slider .eui-slider {
    width: 100px
}

.print-page .print-linecolor-slider .eui-slider .ui-slider {
    margin-top: 13px;
    background: #ddd
}

.print-page .print-linecolor-slider .eui-slider .ui-slider-horizontal {
    height: 6px
}

.print-page .print-linecolor-slider .eui-slider .ui-slider .ui-slider-handle {
    top: -8px
}

.print-sliderfont.slider-fontsize-4 {
    font-size: 10px
}

.print-sliderfont.slider-fontsize-4 .workflow-typename {
    font-size: 11px
}

.print-sliderfont.slider-fontsize-4 .module-detail-view .wform-title .title-print {
    font-size: 11px
}

.print-sliderfont.slider-fontsize-4 .wform-post-info label,.print-sliderfont.slider-fontsize-4 .entity-info .control-group .control-label,.print-sliderfont.slider-fontsize-4 .form-view .m-type,.print-sliderfont.slider-fontsize-4 .comment-wrapper .comment-item .step-record,.print-sliderfont.slider-fontsize-4 .comment-wrapper .comment-item .hd,.print-sliderfont.slider-fontsize-4 .comment-wrapper .comment-item .ft {
    font-size: 8px
}

.print-sliderfont.slider-fontsize-4 .form-view .widget-title {
    font-size: 9px
}

.print-sliderfont.slider-fontsize-4 .form-tabs .tabs-head ul>li {
    font-size: 9px
}

.print-sliderfont.slider-fontsize-4 .form-tabs-paved .paved-head {
    font-size: 9px
}

.print-sliderfont.slider-fontsize-4 .form-view .field-position>span {
    font-size: 9px
}

.print-sliderfont.slider-fontsize-4 .entity-info .control-group .control-label,.print-sliderfont.slider-fontsize-4 .entity-item a:not(.btn) {
    line-height: 24px
}

.print-sliderfont.slider-fontsize-4 .workflow-status {
    font-size: 10px
}

.print-sliderfont.slider-fontsize-5 {
    font-size: 11px
}

.print-sliderfont.slider-fontsize-5 .workflow-typename {
    font-size: 12px
}

.print-sliderfont.slider-fontsize-5 .module-detail-view .wform-title .title-print {
    font-size: 12px
}

.print-sliderfont.slider-fontsize-5 .wform-post-info label,.print-sliderfont.slider-fontsize-5 .entity-info .control-group .control-label,.print-sliderfont.slider-fontsize-5 .form-view .m-type,.print-sliderfont.slider-fontsize-5 .comment-wrapper .comment-item .step-record,.print-sliderfont.slider-fontsize-5 .comment-wrapper .comment-item .hd,.print-sliderfont.slider-fontsize-5 .comment-wrapper .comment-item .ft {
    font-size: 9px
}

.print-sliderfont.slider-fontsize-5 .form-view .widget-title {
    font-size: 11px
}

.print-sliderfont.slider-fontsize-5 .form-tabs .tabs-head ul>li {
    font-size: 11px
}

.print-sliderfont.slider-fontsize-5 .form-tabs-paved .paved-head {
    font-size: 11px
}

.print-sliderfont.slider-fontsize-5 .form-view .field-position>span {
    font-size: 11px
}

.print-sliderfont.slider-fontsize-5 .entity-info .control-group .control-label,.print-sliderfont.slider-fontsize-5 .entity-item a:not(.btn) {
    line-height: 28px
}

.print-sliderfont.slider-fontsize-5 .workflow-status {
    font-size: 11px
}

.print-sliderfont.slider-fontsize-4 .wform-post-info .item,.print-sliderfont.slider-fontsize-5 .wform-post-info .item {
    height: 38px;
    padding: 4px 15px
}

.print-sliderfont.slider-fontsize-4 .wform-title .title-print,.print-sliderfont.slider-fontsize-5 .wform-title .title-print {
    padding: 0
}

#print.print-sliderfont.slider-fontsize-4 .entity-info .control-group .control-label,#print.print-sliderfont.slider-fontsize-5 .entity-info .control-group .control-label {
    width: 45px
}

#print.print-sliderfont.slider-fontsize-4 .entity-info .control-group .controls,#print.print-sliderfont.slider-fontsize-5 .entity-info .control-group .controls {
    margin-left: 45px
}

#print.print-sliderfont.slider-fontsize-4 .detail-tab ul>li>a,#print.print-sliderfont.slider-fontsize-5 .detail-tab ul>li>a {
    line-height: 30px
}

#print.print-sliderfont.slider-fontsize-4 .readinfo-box,#print.print-sliderfont.slider-fontsize-5 .readinfo-box {
    margin: 0 18px;
    line-height: 20px
}

#print.print-sliderfont.slider-fontsize-4 .stream-box,#print.print-sliderfont.slider-fontsize-5 .stream-box {
    line-height: 21px
}

.print-sliderfont.slider-fontsize-6 {
    font-size: 12px
}

.print-sliderfont.slider-fontsize-6 .workflow-typename {
    font-size: 14px
}

.print-sliderfont.slider-fontsize-6 .module-detail-view .wform-title .title-print {
    font-size: 14px
}

.print-sliderfont.slider-fontsize-6 .wform-post-info label,.print-sliderfont.slider-fontsize-6 .entity-info .control-group .control-label,.print-sliderfont.slider-fontsize-6 .form-view .m-type,.print-sliderfont.slider-fontsize-6 .comment-wrapper .comment-item .step-record,.print-sliderfont.slider-fontsize-6 .comment-wrapper .comment-item .hd,.print-sliderfont.slider-fontsize-6 .comment-wrapper .comment-item .ft {
    font-size: 10px
}

.print-sliderfont.slider-fontsize-6 .form-view .widget-title {
    font-size: 12px
}

.print-sliderfont.slider-fontsize-6 .form-tabs .tabs-head ul>li {
    font-size: 12px
}

.print-sliderfont.slider-fontsize-6 .form-tabs-paved .paved-head {
    font-size: 12px
}

.print-sliderfont.slider-fontsize-6 .form-view .field-position>span {
    font-size: 12px
}

.print-sliderfont.slider-fontsize-6 .entity-info .control-group .control-label,.print-sliderfont.slider-fontsize-6 .entity-item a:not(.btn) {
    line-height: 28px
}

.print-sliderfont.slider-fontsize-6 .workflow-status {
    font-size: 12px
}

.print-sliderfont.slider-fontsize-7 {
    font-size: 13px
}

.print-sliderfont.slider-fontsize-7 .workflow-typename {
    font-size: 15px
}

.print-sliderfont.slider-fontsize-7 .module-detail-view .wform-title .title-print {
    font-size: 15px
}

.print-sliderfont.slider-fontsize-7 .wform-post-info label,.print-sliderfont.slider-fontsize-7 .entity-info .control-group .control-label,.print-sliderfont.slider-fontsize-7 .form-view .m-type,.print-sliderfont.slider-fontsize-7 .comment-wrapper .comment-item .step-record,.print-sliderfont.slider-fontsize-7 .comment-wrapper .comment-item .hd,.print-sliderfont.slider-fontsize-7 .comment-wrapper .comment-item .ft {
    font-size: 11px
}

.print-sliderfont.slider-fontsize-7 .form-view .widget-title {
    font-size: 13px
}

.print-sliderfont.slider-fontsize-7 .form-tabs .tabs-head ul>li {
    font-size: 13px
}

.print-sliderfont.slider-fontsize-7 .form-tabs-paved .paved-head {
    font-size: 13px
}

.print-sliderfont.slider-fontsize-7 .form-view .field-position>span {
    font-size: 13px
}

.print-sliderfont.slider-fontsize-7 .entity-info .control-group .control-label,.print-sliderfont.slider-fontsize-7 .entity-item a:not(.btn) {
    line-height: 28px
}

.print-sliderfont.slider-fontsize-7 .workflow-status {
    font-size: 13px
}

.print-sliderfont.slider-fontsize-7 .wform-post-info .item,.print-sliderfont.slider-fontsize-6 .wform-post-info .item {
    height: 42px;
    padding: 6px 15px
}

.print-sliderfont.slider-fontsize-7 .wform-title .title-print,.print-sliderfont.slider-fontsize-6 .wform-title .title-print {
    padding: 3px 0
}

#print.print-sliderfont.slider-fontsize-7 .entity-info .control-group .control-label,#print.print-sliderfont.slider-fontsize-6 .entity-info .control-group .control-label {
    width: 50px
}

#print.print-sliderfont.slider-fontsize-7 .entity-info .control-group .controls,#print.print-sliderfont.slider-fontsize-6 .entity-info .control-group .controls {
    margin-left: 50px
}

#print.print-sliderfont.slider-fontsize-7 .detail-tab ul>li>a,#print.print-sliderfont.slider-fontsize-6 .detail-tab ul>li>a {
    line-height: 50px
}

#print.print-sliderfont.slider-fontsize-7 .readinfo-box,#print.print-sliderfont.slider-fontsize-6 .readinfo-box {
    margin: 2px 18px;
    line-height: 28px
}

#print.print-sliderfont.slider-fontsize-7 .stream-box,#print.print-sliderfont.slider-fontsize-6 .stream-box {
    line-height: 28px
}

.print-sliderfont.slider-fontsize-9 {
    font-size: 15px
}

.print-sliderfont.slider-fontsize-9 .workflow-typename {
    font-size: 17px
}

.print-sliderfont.slider-fontsize-9 .module-detail-view .wform-title .title-print {
    font-size: 17px
}

.print-sliderfont.slider-fontsize-9 .wform-post-info label,.print-sliderfont.slider-fontsize-9 .entity-info .control-group .control-label,.print-sliderfont.slider-fontsize-9 .form-view .m-type,.print-sliderfont.slider-fontsize-9 .comment-wrapper .comment-item .step-record,.print-sliderfont.slider-fontsize-9 .comment-wrapper .comment-item .hd,.print-sliderfont.slider-fontsize-9 .comment-wrapper .comment-item .ft {
    font-size: 13px
}

.print-sliderfont.slider-fontsize-9 .form-view .widget-title {
    font-size: 15px
}

.print-sliderfont.slider-fontsize-9 .form-tabs .tabs-head ul>li {
    font-size: 15px
}

.print-sliderfont.slider-fontsize-9 .form-tabs-paved .paved-head {
    font-size: 15px
}

.print-sliderfont.slider-fontsize-9 .form-view .field-position>span {
    font-size: 15px
}

.print-sliderfont.slider-fontsize-9 .entity-info .control-group .control-label,.print-sliderfont.slider-fontsize-9 .entity-item a:not(.btn) {
    line-height: 32px
}

.print-sliderfont.slider-fontsize-9 .workflow-status {
    font-size: 15px
}

.print-sliderfont.slider-fontsize-9 .comment-wrapper .comment-item .hd {
    margin-bottom: 2px
}

.print-sliderfont.slider-fontsize-9 .comment-wrapper .comment-item .ft {
    margin-top: 2px
}

.print-sliderfont.slider-fontsize-10 {
    font-size: 16px
}

.print-sliderfont.slider-fontsize-10 .workflow-typename {
    font-size: 18px
}

.print-sliderfont.slider-fontsize-10 .module-detail-view .wform-title .title-print {
    font-size: 18px
}

.print-sliderfont.slider-fontsize-10 .wform-post-info label,.print-sliderfont.slider-fontsize-10 .entity-info .control-group .control-label,.print-sliderfont.slider-fontsize-10 .form-view .m-type,.print-sliderfont.slider-fontsize-10 .comment-wrapper .comment-item .step-record,.print-sliderfont.slider-fontsize-10 .comment-wrapper .comment-item .hd,.print-sliderfont.slider-fontsize-10 .comment-wrapper .comment-item .ft {
    font-size: 14px
}

.print-sliderfont.slider-fontsize-10 .form-view .widget-title {
    font-size: 16px
}

.print-sliderfont.slider-fontsize-10 .form-tabs .tabs-head ul>li {
    font-size: 16px
}

.print-sliderfont.slider-fontsize-10 .form-tabs-paved .paved-head {
    font-size: 16px
}

.print-sliderfont.slider-fontsize-10 .form-view .field-position>span {
    font-size: 16px
}

.print-sliderfont.slider-fontsize-10 .entity-info .control-group .control-label,.print-sliderfont.slider-fontsize-10 .entity-item a:not(.btn) {
    line-height: 32px
}

.print-sliderfont.slider-fontsize-10 .workflow-status {
    font-size: 16px
}

.print-sliderfont.slider-fontsize-10 .comment-wrapper .comment-item .hd {
    margin-bottom: 2px
}

.print-sliderfont.slider-fontsize-10 .comment-wrapper .comment-item .ft {
    margin-top: 2px
}

.print-sliderfont.slider-fontsize-11 {
    font-size: 17px
}

.print-sliderfont.slider-fontsize-11 .workflow-typename {
    font-size: 19px
}

.print-sliderfont.slider-fontsize-11 .module-detail-view .wform-title .title-print {
    font-size: 19px
}

.print-sliderfont.slider-fontsize-11 .wform-post-info label,.print-sliderfont.slider-fontsize-11 .entity-info .control-group .control-label,.print-sliderfont.slider-fontsize-11 .form-view .m-type,.print-sliderfont.slider-fontsize-11 .comment-wrapper .comment-item .step-record,.print-sliderfont.slider-fontsize-11 .comment-wrapper .comment-item .hd,.print-sliderfont.slider-fontsize-11 .comment-wrapper .comment-item .ft {
    font-size: 15px
}

.print-sliderfont.slider-fontsize-11 .form-view .widget-title {
    font-size: 17px
}

.print-sliderfont.slider-fontsize-11 .form-tabs .tabs-head ul>li {
    font-size: 17px
}

.print-sliderfont.slider-fontsize-11 .form-tabs-paved .paved-head {
    font-size: 17px
}

.print-sliderfont.slider-fontsize-11 .form-view .field-position>span {
    font-size: 17px
}

.print-sliderfont.slider-fontsize-11 .entity-info .control-group .control-label,.print-sliderfont.slider-fontsize-11 .entity-item a:not(.btn) {
    line-height: 34px
}

.print-sliderfont.slider-fontsize-11 .workflow-status {
    font-size: 17px
}

.print-sliderfont.slider-fontsize-11 .comment-wrapper .comment-item .hd {
    margin-bottom: 2px
}

.print-sliderfont.slider-fontsize-11 .comment-wrapper .comment-item .ft {
    margin-top: 2px
}

.print-sliderfont.slider-fontsize-11 .wform-post-info .item,.print-sliderfont.slider-fontsize-12 .wform-post-info .item {
    height: 52px;
    padding: 10px 15px
}

.print-sliderfont.slider-fontsize-11 .wform-title .title-print,.print-sliderfont.slider-fontsize-12 .wform-title .title-print {
    padding: 8px 2px
}

#print.print-sliderfont.slider-fontsize-11 .entity-info .control-group .control-label,#print.print-sliderfont.slider-fontsize-12 .entity-info .control-group .control-label {
    width: 88px
}

#print.print-sliderfont.slider-fontsize-11 .detail-tab ul>li>a,#print.print-sliderfont.slider-fontsize-12 .detail-tab ul>li>a {
    line-height: 50px
}

#print.print-sliderfont.slider-fontsize-11 .readinfo-box,#print.print-sliderfont.slider-fontsize-12 .readinfo-box {
    margin: 2px 0;
    line-height: 44px;
    padding: 0 18px
}

#print.print-sliderfont.slider-fontsize-11 .stream-box,#print.print-sliderfont.slider-fontsize-12 .stream-box {
    line-height: 29px
}

.print-sliderfont.slider-fontsize-12 {
    font-size: 18px
}

.print-sliderfont.slider-fontsize-12 .workflow-typename {
    font-size: 20px
}

.print-sliderfont.slider-fontsize-12 .module-detail-view .wform-title .title-print {
    font-size: 20px
}

.print-sliderfont.slider-fontsize-12 .wform-post-info label,.print-sliderfont.slider-fontsize-12 .entity-info .control-group .control-label,.print-sliderfont.slider-fontsize-12 .form-view .m-type,.print-sliderfont.slider-fontsize-12 .comment-wrapper .comment-item .step-record,.print-sliderfont.slider-fontsize-12 .comment-wrapper .comment-item .hd,.print-sliderfont.slider-fontsize-12 .comment-wrapper .comment-item .ft {
    font-size: 16px
}

.print-sliderfont.slider-fontsize-12 .form-view .widget-title {
    font-size: 18px
}

.print-sliderfont.slider-fontsize-12 .form-tabs .tabs-head ul>li {
    font-size: 18px
}

.print-sliderfont.slider-fontsize-12 .form-tabs-paved .paved-head {
    font-size: 18px
}

.print-sliderfont.slider-fontsize-12 .form-view .field-position>span {
    font-size: 18px
}

.print-sliderfont.slider-fontsize-12 .entity-info .control-group .control-label,.print-sliderfont.slider-fontsize-12 .entity-item a:not(.btn) {
    line-height: 34px
}

.print-sliderfont.slider-fontsize-12 .workflow-status {
    font-size: 18px
}

.print-sliderfont.slider-fontsize-12 .comment-wrapper .comment-item .hd {
    margin-bottom: 2px
}

.print-sliderfont.slider-fontsize-12 .comment-wrapper .comment-item .ft {
    margin-top: 2px
}

.print-sliderfont.slider-fontsize-12 .comment-wrapper .comment-item .content {
    margin: 2px 0
}

.print-sliderfont.slider-fontsize-13 {
    font-size: 19px
}

.print-sliderfont.slider-fontsize-13 .workflow-typename {
    font-size: 21px
}

.print-sliderfont.slider-fontsize-13 .module-detail-view .wform-title .title-print {
    font-size: 21px
}

.print-sliderfont.slider-fontsize-13 .wform-post-info label,.print-sliderfont.slider-fontsize-13 .entity-info .control-group .control-label,.print-sliderfont.slider-fontsize-13 .form-view .m-type,.print-sliderfont.slider-fontsize-13 .comment-wrapper .comment-item .step-record,.print-sliderfont.slider-fontsize-13 .comment-wrapper .comment-item .hd,.print-sliderfont.slider-fontsize-13 .comment-wrapper .comment-item .ft {
    font-size: 17px
}

.print-sliderfont.slider-fontsize-13 .form-view .widget-title {
    font-size: 19px
}

.print-sliderfont.slider-fontsize-13 .form-tabs .tabs-head ul>li {
    font-size: 19px
}

.print-sliderfont.slider-fontsize-13 .form-tabs-paved .paved-head {
    font-size: 19px
}

.print-sliderfont.slider-fontsize-13 .form-view .field-position>span {
    font-size: 19px
}

.print-sliderfont.slider-fontsize-13 .entity-info .control-group .control-label,.print-sliderfont.slider-fontsize-13 .entity-item a:not(.btn) {
    line-height: 38px
}

.print-sliderfont.slider-fontsize-13 .workflow-status {
    font-size: 19px
}

.print-sliderfont.slider-fontsize-13 .comment-wrapper .comment-item .hd {
    margin-bottom: 2px
}

.print-sliderfont.slider-fontsize-13 .comment-wrapper .comment-item .ft {
    margin-top: 2px
}

.print-sliderfont.slider-fontsize-13 .comment-wrapper .comment-item .content {
    margin: 2px 0
}

.print-sliderfont.slider-fontsize-14 {
    font-size: 20px
}

.print-sliderfont.slider-fontsize-14 .workflow-typename {
    font-size: 22px
}

.print-sliderfont.slider-fontsize-14 .module-detail-view .wform-title .title-print {
    font-size: 22px
}

.print-sliderfont.slider-fontsize-14 .wform-post-info label,.print-sliderfont.slider-fontsize-14 .entity-info .control-group .control-label,.print-sliderfont.slider-fontsize-14 .form-view .m-type,.print-sliderfont.slider-fontsize-14 .comment-wrapper .comment-item .step-record,.print-sliderfont.slider-fontsize-14 .comment-wrapper .comment-item .hd,.print-sliderfont.slider-fontsize-14 .comment-wrapper .comment-item .ft {
    font-size: 18px
}

.print-sliderfont.slider-fontsize-14 .form-view .widget-title {
    font-size: 20px
}

.print-sliderfont.slider-fontsize-14 .form-tabs .tabs-head ul>li {
    font-size: 20px
}

.print-sliderfont.slider-fontsize-14 .form-tabs-paved .paved-head {
    font-size: 20px
}

.print-sliderfont.slider-fontsize-14 .form-view .field-position>span {
    font-size: 20px
}

.print-sliderfont.slider-fontsize-14 .entity-info .control-group .control-label,.print-sliderfont.slider-fontsize-14 .entity-item a:not(.btn) {
    line-height: 40px
}

.print-sliderfont.slider-fontsize-14 .workflow-status {
    font-size: 20px
}

.print-sliderfont.slider-fontsize-14 .comment-wrapper .comment-item .hd {
    margin-bottom: 3px
}

.print-sliderfont.slider-fontsize-14 .comment-wrapper .comment-item .ft {
    margin-top: 3px
}

.print-sliderfont.slider-fontsize-14 .comment-wrapper .comment-item .content {
    margin: 2px 0
}

.print-sliderfont.slider-fontsize-13 .wform-post-info .item,.print-sliderfont.slider-fontsize-14 .wform-post-info .item {
    height: 54px;
    padding: 11px 15px
}

.print-sliderfont.slider-fontsize-13 .wform-title .title-print,.print-sliderfont.slider-fontsize-14 .wform-title .title-print {
    padding: 9px 2px
}

#print.print-sliderfont.slider-fontsize-13 .entity-info .control-group .control-label,#print.print-sliderfont.slider-fontsize-14 .entity-info .control-group .control-label {
    width: 88px
}

#print.print-sliderfont.slider-fontsize-13 .detail-tab ul>li>a,#print.print-sliderfont.slider-fontsize-14 .detail-tab ul>li>a {
    line-height: 54px
}

#print.print-sliderfont.slider-fontsize-13 .readinfo-box,#print.print-sliderfont.slider-fontsize-14 .readinfo-box {
    line-height: 46px
}

.print-sliderfont.slider-fontsize-15 {
    font-size: 21px
}

.print-sliderfont.slider-fontsize-15 .workflow-typename {
    font-size: 23px
}

.print-sliderfont.slider-fontsize-15 .module-detail-view .wform-title .title-print {
    font-size: 23px
}

.print-sliderfont.slider-fontsize-15 .wform-post-info label,.print-sliderfont.slider-fontsize-15 .entity-info .control-group .control-label,.print-sliderfont.slider-fontsize-15 .form-view .m-type,.print-sliderfont.slider-fontsize-15 .comment-wrapper .comment-item .step-record,.print-sliderfont.slider-fontsize-15 .comment-wrapper .comment-item .hd,.print-sliderfont.slider-fontsize-15 .comment-wrapper .comment-item .ft {
    font-size: 19px
}

.print-sliderfont.slider-fontsize-15 .form-view .widget-title {
    font-size: 21px
}

.print-sliderfont.slider-fontsize-15 .form-tabs .tabs-head ul>li {
    font-size: 21px
}

.print-sliderfont.slider-fontsize-15 .form-tabs-paved .paved-head {
    font-size: 21px
}

.print-sliderfont.slider-fontsize-15 .form-view .field-position>span {
    font-size: 21px
}

.print-sliderfont.slider-fontsize-15 .entity-info .control-group .control-label,.print-sliderfont.slider-fontsize-15 .entity-item a:not(.btn) {
    line-height: 40px
}

.print-sliderfont.slider-fontsize-15 .workflow-status {
    font-size: 21px
}

.print-sliderfont.slider-fontsize-15 .comment-wrapper .comment-item .hd {
    margin-bottom: 3px
}

.print-sliderfont.slider-fontsize-15 .comment-wrapper .comment-item .ft {
    margin-top: 3px
}

.print-sliderfont.slider-fontsize-15 .comment-wrapper .comment-item .content {
    margin: 2px 0
}

.print-sliderfont.slider-fontsize-15 .wform-post-info .item {
    height: 56px;
    padding: 12px 15px
}

.print-sliderfont.slider-fontsize-15 .wform-title .title-print {
    padding: 10px 2px
}

#print.print-sliderfont.slider-fontsize-15 .entity-info .control-group .control-label {
    width: 100px
}

#print.print-sliderfont.slider-fontsize-15 .detail-tab ul>li>a {
    line-height: 60px
}

#print.print-sliderfont.slider-fontsize-15 .readinfo-box {
    line-height: 50px
}

#print.print-sliderfont.slider-fontsize-15.stream-box {
    line-height: 32px
}

#print .form-view .field .employee-item a {
    overflow: auto;
    white-space: normal;
    text-overflow: inherit;
    word-break: break-all
}

#print .form-view .form-databox .field .employee-item a {
    max-width: inherit
}

#print.print-sliderborder .form-tabs .tabs-head ul {
    bottom: -1px
}

#print.print-sliderborder .form-preview .form-tabs-wrapper .form-layout:last-child {
    border-bottom-width: 1px
}

.print-sliderborder.slider-borderwidth-2 .detail-block {
    border-width: 2px
}

.print-sliderborder.slider-borderwidth-2 .wform-post-info .item {
    border-top-width: 2px;
    border-right-width: 2px
}

.print-sliderborder.slider-borderwidth-2 .form-preview .form-border-view {
    border: 2px solid #ccc
}

.print-sliderborder.slider-borderwidth-2 .form-preview .form-layout {
    border-width: 0 0 2px!important
}

.print-sliderborder.slider-borderwidth-2 .form-view .form-databox-head {
    border-width: 0 0 2px
}

.print-sliderborder.slider-borderwidth-2 .form-view .form-databox table>tbody>tr>th {
    border-width: 0 2px 2px 0
}

.print-sliderborder.slider-borderwidth-2 .table-bordered>thead>tr>th,.print-sliderborder.slider-borderwidth-2 .table-bordered>tbody>tr>th,.print-sliderborder.slider-borderwidth-2 .table-bordered>tfoot>tr>th,.print-sliderborder.slider-borderwidth-2 .table-bordered>thead>tr>td,.print-sliderborder.slider-borderwidth-2 .table-bordered>tbody>tr>td,.print-sliderborder.slider-borderwidth-2 .table-bordered>tfoot>tr>td {
    border: 2px solid #ddd
}

.print-sliderborder.slider-borderwidth-2 .module-detail-view .form-preview .field {
    border-width: 0 0 2px 0!important
}

.print-sliderborder.slider-borderwidth-2 .field .field-position {
    border-width: 2px
}

.print-sliderborder.slider-borderwidth-2 .form-view .column-layout .cell {
    border-left-width: 2px
}

.print-sliderborder.slider-borderwidth-2 .detail-tab,.print-sliderborder.slider-borderwidth-2 .detail-tab:hover {
    border-bottom-width: 2px
}

.print-sliderborder.slider-borderwidth-2 .print-comment-panel .comment-item:after,.print-sliderborder.slider-borderwidth-2 .comment-wrapper .comment-item:after {
    border-top-width: 2px!important
}

.print-sliderborder.slider-borderwidth-2 .readinfo-box:after,.print-sliderborder.slider-borderwidth-2 .stream-box:after {
    border-top-width: 2px!important
}

.print-sliderborder.slider-borderwidth-2 .detail-block>.block-head {
    border-bottom-width: 2px
}

#print.print-sliderborder.slider-borderwidth-2 .entity-info .control-group {
    border-top-width: 2px
}

#print.print-sliderborder.slider-borderwidth-2 .form-view .relevance-card .item>.title {
    border-bottom-width: 2px
}

#print.print-sliderborder.slider-borderwidth-2 .form-view .field .relevance-card .item {
    border-width: 2px
}

#print.print-sliderborder.slider-borderwidth-2 .form-preview .vertical-table {
    border-bottom-width: 2px
}

#print.print-sliderborder.slider-borderwidth-2 .form-preview .vertical-table>.line {
    border-width: 0 2px
}

#print.print-sliderborder.slider-borderwidth-2 .form-preview .vertical-table>.content {
    border-width: 0 2px
}

#print.print-sliderborder.slider-borderwidth-2 .form-preview .vertical-table>.line:before {
    border-bottom-width: 2px
}

#print.print-sliderborder.slider-borderwidth-2 .form-preview .form-view .form-databox table tr:last-child td {
    border-bottom-width: 2px
}

#print.print-sliderborder.slider-borderwidth-2 .form-tabs-wrapper {
    border-width: 0 2px 2px 2px
}

#print.print-sliderborder.slider-borderwidth-2 .form-view>div.form-tabs-wrapper:first-child {
    border-top-width: 2px
}

#print.print-sliderborder.slider-borderwidth-2 .form-tabs .tabs-head {
    min-height: 27px
}

#print.print-sliderborder.slider-borderwidth-2 .form-tabs .tabs-head ul>li:first-child,#print.print-sliderborder.slider-borderwidth-2 .form-tabs .tabs-head ul>li:only-child {
    border-width: 2px
}

#print.print-sliderborder.slider-borderwidth-2 .form-tabs .tabs-head ul>li {
    border-width: 2px 2px 2px 0
}

#print.print-sliderborder.slider-borderwidth-2 .form-tabs .tabs-head ul {
    bottom: -2px
}

#print.print-sliderborder.slider-borderwidth-2 .form-tabs .tabs-content {
    border-width: 2px 0
}

#print.print-sliderborder.slider-borderwidth-2 .form-tabs-paved .paved-head {
    border-width: 0 2px
}

#print.print-sliderborder.slider-borderwidth-2 .form-tabs-paved>.paved-head:first-child {
    border-top-width: 2px
}

#print.print-sliderborder.slider-borderwidth-2 .form-tabs .tabs-content .border-div {
    border-width: 0 2px
}

#print.print-sliderborder.slider-borderwidth-2 .form-tabs-paved .paved-content {
    border-top-width: 2px!important
}

.print-template-page #print.print-sliderborder.slider-borderwidth-2 .form-tabs .tabs-content {
    border-width: 2px
}

.print-template-page #print.print-sliderborder.slider-borderwidth-2 .form-preview .form-border-view {
    border-width: 2px!important
}

.print-template-page #print.print-sliderborder.slider-borderwidth-2 .form-tabs-wrapper+div {
    border-top-width: 2px!important
}

#print.print-sliderborder.slider-borderwidth-2 .form-tabspaved-wrapper .form-tabs .tabs-head-block {
    border-width: 2px 2px 0 2px
}

#print.print-sliderborder.slider-borderwidth-2 .form-tabs .tabs-content .before-border-div {
    border-width: 0 2px 2px 2px
}

.print-sliderborder.slider-borderwidth-3 .detail-block {
    border-width: 3px
}

.print-sliderborder.slider-borderwidth-3 .wform-post-info .item {
    border-top-width: 3px;
    border-right-width: 3px
}

.print-sliderborder.slider-borderwidth-3 .form-preview .form-border-view {
    border: 3px solid #ccc
}

.print-sliderborder.slider-borderwidth-3 .form-preview .form-layout {
    border-width: 0 0 3px!important
}

.print-sliderborder.slider-borderwidth-3 .form-view .form-databox-head {
    border-width: 0 0 3px
}

.print-sliderborder.slider-borderwidth-3 .form-view .form-databox table>tbody>tr>th {
    border-width: 0 3px 3px 0
}

.print-sliderborder.slider-borderwidth-3 .table-bordered>thead>tr>th,.print-sliderborder.slider-borderwidth-3 .table-bordered>tbody>tr>th,.print-sliderborder.slider-borderwidth-3 .table-bordered>tfoot>tr>th,.print-sliderborder.slider-borderwidth-3 .table-bordered>thead>tr>td,.print-sliderborder.slider-borderwidth-3 .table-bordered>tbody>tr>td,.print-sliderborder.slider-borderwidth-3 .table-bordered>tfoot>tr>td {
    border: 3px solid #ddd
}

.print-sliderborder.slider-borderwidth-3 .module-detail-view .form-preview .field {
    border-width: 0 0 3px 0!important
}

.print-sliderborder.slider-borderwidth-3 .field .field-position {
    border-width: 3px
}

.print-sliderborder.slider-borderwidth-3 .form-view .column-layout .cell {
    border-left-width: 3px
}

.print-sliderborder.slider-borderwidth-3 .detail-tab,.print-sliderborder.slider-borderwidth-3 .detail-tab:hover {
    border-bottom-width: 3px
}

.print-sliderborder.slider-borderwidth-3 .print-comment-panel .comment-item:after,.print-sliderborder.slider-borderwidth-3 .comment-wrapper .comment-item:after {
    border-top-width: 3px!important
}

.print-sliderborder.slider-borderwidth-3 .readinfo-box:after,.print-sliderborder.slider-borderwidth-3 .stream-box:after {
    border-top-width: 3px!important
}

.print-sliderborder.slider-borderwidth-3 .detail-block>.block-head {
    border-bottom-width: 3px
}

#print.print-sliderborder.slider-borderwidth-3 .entity-info .control-group {
    border-top-width: 3px
}

#print.print-sliderborder.slider-borderwidth-3 .form-view .relevance-card .item>.title {
    border-bottom-width: 3px
}

#print.print-sliderborder.slider-borderwidth-3 .form-view .field .relevance-card .item {
    border-width: 3px
}

#print.print-sliderborder.slider-borderwidth-3 .form-preview .vertical-table {
    border-bottom-width: 3px
}

#print.print-sliderborder.slider-borderwidth-3 .form-preview .vertical-table>.line {
    border-width: 0 3px
}

#print.print-sliderborder.slider-borderwidth-3 .form-preview .vertical-table>.content {
    border-width: 0 3px
}

#print.print-sliderborder.slider-borderwidth-3 .form-preview .vertical-table>.line:before {
    border-bottom-width: 3px
}

#print.print-sliderborder.slider-borderwidth-3 .form-preview .form-view .form-databox table tr:last-child td {
    border-bottom-width: 3px
}

#print.print-sliderborder.slider-borderwidth-3 .form-tabs-wrapper {
    border-width: 0 3px 3px 3px
}

#print.print-sliderborder.slider-borderwidth-3 .form-view>div.form-tabs-wrapper:first-child {
    border-top-width: 3px
}

#print.print-sliderborder.slider-borderwidth-3 .form-tabs .tabs-head {
    min-height: 29px
}

#print.print-sliderborder.slider-borderwidth-3 .form-tabs .tabs-head ul>li:first-child,#print.print-sliderborder.slider-borderwidth-3 .form-tabs .tabs-head ul>li:only-child {
    border-width: 3px
}

#print.print-sliderborder.slider-borderwidth-3 .form-tabs .tabs-head ul>li {
    border-width: 3px 3px 3px 0
}

#print.print-sliderborder.slider-borderwidth-3 .form-tabs .tabs-head ul {
    bottom: -3px
}

#print.print-sliderborder.slider-borderwidth-3 .form-tabs .tabs-content {
    border-width: 3px 0
}

#print.print-sliderborder.slider-borderwidth-3 .form-tabs-paved .paved-head {
    border-width: 0 3px
}

#print.print-sliderborder.slider-borderwidth-3 .form-tabs-paved>.paved-head:first-child {
    border-top-width: 3px
}

#print.print-sliderborder.slider-borderwidth-3 .form-tabs .tabs-content .border-div {
    border-width: 0 3px
}

#print.print-sliderborder.slider-borderwidth-3 .form-tabs-paved .paved-content {
    border-top-width: 3px!important
}

.print-template-page #print.print-sliderborder.slider-borderwidth-3 .form-tabs .tabs-content {
    border-width: 3px
}

.print-template-page #print.print-sliderborder.slider-borderwidth-3 .form-preview .form-border-view {
    border-width: 3px!important
}

.print-template-page #print.print-sliderborder.slider-borderwidth-3 .form-tabs-wrapper+div {
    border-top-width: 3px!important
}

#print.print-sliderborder.slider-borderwidth-3 .form-tabspaved-wrapper .form-tabs .tabs-head-block {
    border-width: 3px 3px 0 3px
}

#print.print-sliderborder.slider-borderwidth-3 .form-tabs .tabs-content .before-border-div {
    border-width: 0 3px 3px 3px
}

.print-sliderborder.slider-borderwidth-4 .detail-block {
    border-width: 4px
}

.print-sliderborder.slider-borderwidth-4 .wform-post-info .item {
    border-top-width: 4px;
    border-right-width: 4px
}

.print-sliderborder.slider-borderwidth-4 .form-preview .form-border-view {
    border: 4px solid #ccc
}

.print-sliderborder.slider-borderwidth-4 .form-preview .form-layout {
    border-width: 0 0 4px!important
}

.print-sliderborder.slider-borderwidth-4 .form-view .form-databox-head {
    border-width: 0 0 4px
}

.print-sliderborder.slider-borderwidth-4 .form-view .form-databox table>tbody>tr>th {
    border-width: 0 4px 4px 0
}

.print-sliderborder.slider-borderwidth-4 .table-bordered>thead>tr>th,.print-sliderborder.slider-borderwidth-4 .table-bordered>tbody>tr>th,.print-sliderborder.slider-borderwidth-4 .table-bordered>tfoot>tr>th,.print-sliderborder.slider-borderwidth-4 .table-bordered>thead>tr>td,.print-sliderborder.slider-borderwidth-4 .table-bordered>tbody>tr>td,.print-sliderborder.slider-borderwidth-4 .table-bordered>tfoot>tr>td {
    border: 4px solid #ddd
}

.print-sliderborder.slider-borderwidth-4 .module-detail-view .form-preview .field {
    border-width: 0 0 4px 0!important
}

.print-sliderborder.slider-borderwidth-4 .field .field-position {
    border-width: 4px
}

.print-sliderborder.slider-borderwidth-4 .form-view .column-layout .cell {
    border-left-width: 4px
}

.print-sliderborder.slider-borderwidth-4 .detail-tab,.print-sliderborder.slider-borderwidth-4 .detail-tab:hover {
    border-bottom-width: 4px
}

.print-sliderborder.slider-borderwidth-4 .print-comment-panel .comment-item:after,.print-sliderborder.slider-borderwidth-4 .comment-wrapper .comment-item:after {
    border-top-width: 4px!important
}

.print-sliderborder.slider-borderwidth-4 .readinfo-box:after,.print-sliderborder.slider-borderwidth-4 .stream-box:after {
    border-top-width: 4px!important
}

.print-sliderborder.slider-borderwidth-4 .detail-block>.block-head {
    border-bottom-width: 4px
}

#print.print-sliderborder.slider-borderwidth-4 .entity-info .control-group {
    border-top-width: 4px
}

#print.print-sliderborder.slider-borderwidth-4 .form-view .relevance-card .item>.title {
    border-bottom-width: 4px
}

#print.print-sliderborder.slider-borderwidth-4 .form-view .field .relevance-card .item {
    border-width: 4px
}

#print.print-sliderborder.slider-borderwidth-4 .form-preview .vertical-table {
    border-bottom-width: 4px
}

#print.print-sliderborder.slider-borderwidth-4 .form-preview .vertical-table>.line {
    border-width: 0 4px
}

#print.print-sliderborder.slider-borderwidth-4 .form-preview .vertical-table>.content {
    border-width: 0 4px
}

#print.print-sliderborder.slider-borderwidth-4 .form-preview .vertical-table>.line:before {
    border-bottom-width: 4px
}

#print.print-sliderborder.slider-borderwidth-4 .form-preview .form-view .form-databox table tr:last-child td {
    border-bottom-width: 4px
}

#print.print-sliderborder.slider-borderwidth-4 .form-tabs-wrapper {
    border-width: 0 4px 4px 4px
}

#print.print-sliderborder.slider-borderwidth-4 .form-view>div.form-tabs-wrapper:first-child {
    border-top-width: 4px
}

#print.print-sliderborder.slider-borderwidth-4 .form-preview .form-tabs .tabs-head {
    min-height: 31px
}

#print.print-sliderborder.slider-borderwidth-4 .form-tabs .tabs-head ul>li:first-child,#print.print-sliderborder.slider-borderwidth-4 .form-tabs .tabs-head ul>li:only-child {
    border-width: 4px
}

#print.print-sliderborder.slider-borderwidth-4 .form-tabs .tabs-head ul>li {
    border-width: 4px 4px 4px 0
}

#print.print-sliderborder.slider-borderwidth-4 .form-tabs .tabs-head ul {
    bottom: -4px
}

#print.print-sliderborder.slider-borderwidth-4 .form-tabs .tabs-content {
    border-width: 4px 0
}

#print.print-sliderborder.slider-borderwidth-4 .form-tabs-paved .paved-head {
    border-width: 0 4px
}

#print.print-sliderborder.slider-borderwidth-4 .form-tabs-paved>.paved-head:first-child {
    border-top-width: 4px
}

#print.print-sliderborder.slider-borderwidth-4 .form-tabs .tabs-content .border-div {
    border-width: 0 4px
}

#print.print-sliderborder.slider-borderwidth-4 .form-tabs-paved .paved-content {
    border-top-width: 4px!important
}

.print-template-page #print.print-sliderborder.slider-borderwidth-4 .form-tabs .tabs-content {
    border-width: 4px
}

.print-template-page #print.print-sliderborder.slider-borderwidth-4 .form-preview .form-border-view {
    border-width: 4px!important
}

.print-template-page #print.print-sliderborder.slider-borderwidth-4 .form-tabs-wrapper+div {
    border-top-width: 4px!important
}

#print.print-sliderborder.slider-borderwidth-4 .form-tabspaved-wrapper .form-tabs .tabs-head-block {
    border-width: 4px 4px 0 4px
}

#print.print-sliderborder.slider-borderwidth-4 .form-tabs .tabs-content .before-border-div {
    border-width: 0 4px 4px 4px
}

.print-sliderborder.slider-borderwidth-5 .detail-block {
    border-width: 5px
}

.print-sliderborder.slider-borderwidth-5 .wform-post-info .item {
    border-top-width: 5px;
    border-right-width: 5px
}

.print-sliderborder.slider-borderwidth-5 .form-preview .form-border-view {
    border: 5px solid #ccc
}

.print-sliderborder.slider-borderwidth-5 .form-preview .form-layout {
    border-width: 0 0 5px!important
}

.print-sliderborder.slider-borderwidth-5 .form-view .form-databox-head {
    border-width: 0 0 5px
}

.print-sliderborder.slider-borderwidth-5 .form-view .form-databox table>tbody>tr>th {
    border-width: 0 5px 5px 0
}

.print-sliderborder.slider-borderwidth-5 .table-bordered>thead>tr>th,.print-sliderborder.slider-borderwidth-5 .table-bordered>tbody>tr>th,.print-sliderborder.slider-borderwidth-5 .table-bordered>tfoot>tr>th,.print-sliderborder.slider-borderwidth-5 .table-bordered>thead>tr>td,.print-sliderborder.slider-borderwidth-5 .table-bordered>tbody>tr>td,.print-sliderborder.slider-borderwidth-5 .table-bordered>tfoot>tr>td {
    border: 5px solid #ddd
}

.print-sliderborder.slider-borderwidth-5 .module-detail-view .form-preview .field {
    border-width: 0 0 5px 0!important
}

.print-sliderborder.slider-borderwidth-5 .field .field-position {
    border-width: 5px
}

.print-sliderborder.slider-borderwidth-5 .form-view .column-layout .cell {
    border-left-width: 5px
}

.print-sliderborder.slider-borderwidth-5 .detail-tab,.print-sliderborder.slider-borderwidth-5 .detail-tab:hover {
    border-bottom-width: 5px
}

.print-sliderborder.slider-borderwidth-5 .print-comment-panel .comment-item:after,.print-sliderborder.slider-borderwidth-5 .comment-wrapper .comment-item:after {
    border-top-width: 5px!important
}

.print-sliderborder.slider-borderwidth-5 .readinfo-box:after,.print-sliderborder.slider-borderwidth-5 .stream-box:after {
    border-top-width: 5px!important
}

.print-sliderborder.slider-borderwidth-5 .detail-block>.block-head {
    border-bottom-width: 5px
}

#print.print-sliderborder.slider-borderwidth-5 .entity-info .control-group {
    border-top-width: 5px
}

#print.print-sliderborder.slider-borderwidth-5 .form-view .relevance-card .item>.title {
    border-bottom-width: 5px
}

#print.print-sliderborder.slider-borderwidth-5 .form-view .field .relevance-card .item {
    border-width: 5px
}

#print.print-sliderborder.slider-borderwidth-5 .form-preview .vertical-table {
    border-bottom-width: 5px
}

#print.print-sliderborder.slider-borderwidth-5 .form-preview .vertical-table>.line {
    border-width: 0 5px
}

#print.print-sliderborder.slider-borderwidth-5 .form-preview .vertical-table>.content {
    border-width: 0 5px
}

#print.print-sliderborder.slider-borderwidth-5 .form-preview .vertical-table>.line:before {
    border-bottom-width: 5px
}

#print.print-sliderborder.slider-borderwidth-5 .form-preview .form-view .form-databox table tr:last-child td {
    border-bottom-width: 5px
}

#print.print-sliderborder.slider-borderwidth-5 .form-tabs-wrapper {
    border-width: 0 5px 5px 5px
}

#print.print-sliderborder.slider-borderwidth-5 .form-view>div.form-tabs-wrapper:first-child {
    border-top-width: 5px
}

#print.print-sliderborder.slider-borderwidth-5 .form-tabs .tabs-head {
    min-height: 33px
}

#print.print-sliderborder.slider-borderwidth-5 .form-tabs .tabs-head ul>li:first-child,#print.print-sliderborder.slider-borderwidth-5 .form-tabs .tabs-head ul>li:only-child {
    border-width: 5px
}

#print.print-sliderborder.slider-borderwidth-5 .form-tabs .tabs-head ul>li {
    border-width: 5px 5px 5px 0
}

#print.print-sliderborder.slider-borderwidth-5 .form-tabs .tabs-head ul {
    bottom: -5px
}

#print.print-sliderborder.slider-borderwidth-5 .form-tabs .tabs-content {
    border-width: 5px 0
}

#print.print-sliderborder.slider-borderwidth-5 .form-tabs-paved .paved-head {
    border-width: 0 5px
}

#print.print-sliderborder.slider-borderwidth-5 .form-tabs-paved>.paved-head:first-child {
    border-top-width: 5px
}

#print.print-sliderborder.slider-borderwidth-5 .form-tabs .tabs-content .border-div {
    border-width: 0 5px
}

#print.print-sliderborder.slider-borderwidth-5 .form-tabs-paved .paved-content {
    border-top-width: 5px!important
}

.print-template-page #print.print-sliderborder.slider-borderwidth-5 .form-tabs .tabs-content {
    border-width: 5px
}

.print-template-page #print.print-sliderborder.slider-borderwidth-5 .form-preview .form-border-view {
    border-width: 5px!important
}

.print-template-page #print.print-sliderborder.slider-borderwidth-5 .form-tabs-wrapper+div {
    border-top-width: 5px!important
}

#print.print-sliderborder.slider-borderwidth-5 .form-tabspaved-wrapper .form-tabs .tabs-head-block {
    border-width: 5px 5px 0 5px
}

#print.print-sliderborder.slider-borderwidth-5 .form-tabs .tabs-content .before-border-div {
    border-width: 0 5px 5px 5px
}

.print-sliderborder.slider-borderwidth-6 .detail-block {
    border-width: 6px
}

.print-sliderborder.slider-borderwidth-6 .wform-post-info .item {
    border-top-width: 6px;
    border-right-width: 6px
}

.print-sliderborder.slider-borderwidth-6 .form-preview .form-border-view {
    border: 6px solid #ccc
}

.print-sliderborder.slider-borderwidth-6 .form-preview .form-layout {
    border-width: 0 0 6px!important
}

.print-sliderborder.slider-borderwidth-6 .form-view .form-databox-head {
    border-width: 0 0 6px
}

.print-sliderborder.slider-borderwidth-6 .form-view .form-databox table>tbody>tr>th {
    border-width: 0 6px 6px 0
}

.print-sliderborder.slider-borderwidth-6 .table-bordered>thead>tr>th,.print-sliderborder.slider-borderwidth-6 .table-bordered>tbody>tr>th,.print-sliderborder.slider-borderwidth-6 .table-bordered>tfoot>tr>th,.print-sliderborder.slider-borderwidth-6 .table-bordered>thead>tr>td,.print-sliderborder.slider-borderwidth-6 .table-bordered>tbody>tr>td,.print-sliderborder.slider-borderwidth-6 .table-bordered>tfoot>tr>td {
    border: 6px solid #ddd
}

.print-sliderborder.slider-borderwidth-6 .module-detail-view .form-preview .field {
    border-width: 0 0 6px 0!important
}

.print-sliderborder.slider-borderwidth-6 .field .field-position {
    border-width: 6px
}

.print-sliderborder.slider-borderwidth-6 .form-view .column-layout .cell {
    border-left-width: 6px
}

.print-sliderborder.slider-borderwidth-6 .detail-tab,.print-sliderborder.slider-borderwidth-6 .detail-tab:hover {
    border-bottom-width: 6px
}

.print-sliderborder.slider-borderwidth-6 .print-comment-panel .comment-item:after,.print-sliderborder.slider-borderwidth-6 .comment-wrapper .comment-item:after {
    border-top-width: 6px!important
}

.print-sliderborder.slider-borderwidth-6 .readinfo-box:after,.print-sliderborder.slider-borderwidth-6 .stream-box:after {
    border-top-width: 6px!important
}

.print-sliderborder.slider-borderwidth-6 .detail-block>.block-head {
    border-bottom-width: 6px
}

#print.print-sliderborder.slider-borderwidth-6 .entity-info .control-group {
    border-top-width: 6px
}

#print.print-sliderborder.slider-borderwidth-6 .form-view .relevance-card .item>.title {
    border-bottom-width: 6px
}

#print.print-sliderborder.slider-borderwidth-6 .form-view .field .relevance-card .item {
    border-width: 6px
}

#print.print-sliderborder.slider-borderwidth-6 .form-preview .vertical-table {
    border-bottom-width: 6px
}

#print.print-sliderborder.slider-borderwidth-6 .form-preview .vertical-table>.line {
    border-width: 0 6px
}

#print.print-sliderborder.slider-borderwidth-6 .form-preview .vertical-table>.content {
    border-width: 0 6px
}

#print.print-sliderborder.slider-borderwidth-6 .form-preview .vertical-table>.line:before {
    border-bottom-width: 6px
}

#print.print-sliderborder.slider-borderwidth-6 .form-preview .form-view .form-databox table tr:last-child td {
    border-bottom-width: 6px
}

#print.print-sliderborder.slider-borderwidth-6 .form-tabs-wrapper {
    border-width: 0 6px 6px 6px
}

#print.print-sliderborder.slider-borderwidth-6 .form-view>div.form-tabs-wrapper:first-child {
    border-top-width: 6px
}

#print.print-sliderborder.slider-borderwidth-6 .form-tabs .tabs-head {
    min-height: 35px
}

#print.print-sliderborder.slider-borderwidth-6 .form-tabs .tabs-head ul>li:first-child,#print.print-sliderborder.slider-borderwidth-6 .form-tabs .tabs-head ul>li:only-child {
    border-width: 6px
}

#print.print-sliderborder.slider-borderwidth-6 .form-tabs .tabs-head ul>li {
    border-width: 6px 6px 6px 0
}

#print.print-sliderborder.slider-borderwidth-6 .form-tabs .tabs-head ul {
    bottom: -6px
}

#print.print-sliderborder.slider-borderwidth-6 .form-tabs .tabs-content {
    border-width: 6px 0
}

#print.print-sliderborder.slider-borderwidth-6 .form-tabs-paved .paved-head {
    border-width: 0 6px
}

#print.print-sliderborder.slider-borderwidth-6 .form-tabs-paved>.paved-head:first-child {
    border-top-width: 6px
}

#print.print-sliderborder.slider-borderwidth-6 .form-tabs .tabs-content .border-div {
    border-width: 0 6px
}

#print.print-sliderborder.slider-borderwidth-6 .form-tabs-paved .paved-content {
    border-top-width: 6px!important
}

.print-template-page #print.print-sliderborder.slider-borderwidth-6 .form-tabs .tabs-content {
    border-width: 6px
}

.print-template-page #print.print-sliderborder.slider-borderwidth-6 .form-preview .form-border-view {
    border-width: 6px!important
}

.print-template-page #print.print-sliderborder.slider-borderwidth-6 .form-tabs-wrapper+div {
    border-top-width: 6px!important
}

#print.print-sliderborder.slider-borderwidth-6 .form-tabspaved-wrapper .form-tabs .tabs-head-block {
    border-width: 6px 6px 0 6px
}

#print.print-sliderborder.slider-borderwidth-6 .form-tabs .tabs-content .before-border-div {
    border-width: 0 6px 6px 6px
}

.print-sliderborder .wform-post-info.wform-post-info-col4 .item:nth-child(4),.print-sliderborder .wform-post-info:not(.wform-post-info-col4) .item:nth-child(3) {
    border-right: none!important
}

.print-sliderborder .form-preview .form-view .form-databox table>tbody>tr>th:last-child {
    border-right-width: 0!important
}

.print-slider-nopadding#print .wform-title {
    margin: 0 12px
}

.print-slider-nopadding.print-sliderfont .wform-post-info .item {
    padding: 0 15px;
    height: 32px
}

.print-slider-nopadding .form-view .field {
    padding: 0
}

.print-slider-nopadding .form-view .column-layout .cell {
    height: 33px
}

.print-slider-nopadding .form-view .form-databox-head .title {
    min-height: 23px;
    padding: 0 12px
}

.print-slider-nopadding .form-view .form-databox-head .opt-print {
    top: 1px
}

.print-slider-nopadding .form-view .form-databox-head .opt-columns-print {
    top: 1px
}

.print-slider-nopadding .form-view .form-databox .widget-title {
    padding: 2px 12px
}

.print-slider-nopadding .form-view .form-databox table>tbody>tr>td {
    padding: 0 8px
}

.print-slider-nopadding .form-tablelayout-wrap table>tbody>tr>td {
    padding: 0;
    height: 31px
}

.print-slider-nopadding .alert {
    padding: 5px 15px
}

.print-slider-nopadding .field .field-position {
    padding: 0 12px
}

.print-slider-nopadding .field-position>i {
    font-size: 14px;
    top: 3px
}

.print-slider-nopadding .detail-block>.block-head {
    line-height: 28px
}

.print-slider-nopadding .detail-block.on>.block-head {
    height: 28px
}

.print-slider-nopadding .detail-block.on>.block-head .fold i {
    margin: 7px 0 0 0
}

.print-slider-nopadding.print-sliderfont .detail-tab ul>li>a {
    line-height: 28px!important
}

#print .form-view .widget-content .input-instead-imageradio,#print .form-view .widget-content .input-instead-imagecheckbox,#print .form-view .image-checkbox img,#print .form-view .image-radiobox img,#print .form-view li.image-checkbox .box,#print .form-view li.image-radiobox .box,#print .form-view .field .img-wedget .img-box img {
    height: auto;
    width: 100%
}

#print .form-view .sign-widget-content .img-item .img-box img {
    position: static;
    left: inherit;
    right: inherit;
    transform: translateX(0) translateY(0)
}

#print .form-view .imageoption-list li {
    margin: 0 12px 12px 0;
    width: 20%;
    min-width: 20%;
    max-width: 100%
}

#print .form-databox-wrap .imageoption-list li,#print .form-layout .imageoption-list li,#print .form-tablelayout .imageoption-list li {
    width: 60%
}

#print .form-view .imageoption-list {
    z-index: 600;
    position: relative
}

#print .form-view .field .img-wedget .img-item {
    width: 20%;
    height: auto;
    box-sizing: content-box
}

#print .form-view .form-databox-wrap .img-wedget .img-item,#print .form-view .form-layout .img-wedget .img-item,#print .form-view .form-tablelayout .img-wedget .img-item {
    width: 60%;
    margin: 0 0 12px 0;
    display: block
}

#print .form-databox-wrap .vertical-table .img-wedget .img-item,#print .form-databox-wrap .vertical-table .imageoption-list li {
    width: 20%
}

#print .form-databox-wrap .vertical-table>.content {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5
}

#print .form-view .field .img-wedget {
    margin-left: 0
}

#print .form-view .imageoption-list li img,#print .form-view .field .img-wedget .img-item img,#print .form-view .imageoption-list li .img-bigcursor,#print .form-view .field .img-wedget .img-item .img-bigcursor {
    cursor: url('/static/img/global/big.cur'),pointer
}

#print .form-view .imageoption-list li .img-smallcursor,#print .form-view .field .img-wedget .img-item .img-smallcursor {
    cursor: url('/static/img/global/small.cur'),pointer
}

#print .form-view .field .img-widget-content {
    position: relative;
    z-index: 600
}

#print .form-view .form-databox table td {
    overflow: hidden
}

#print .form-preview .form-view .form-databox table tr:last-child td {
    border-bottom: 1px solid #e5e5e5
}

.print-template-page #print-toolbar {
    padding: 0;
    border: 0
}

.print-template-page #print-toolbar .title {
    padding: 5px 0
}

.print-template-page #print-toolbar .title>span {
    font-size: 19px;
    font-weight: bold
}

.print-template-page #print-toolbar .title>a {
    float: right
}

.print-template-page.print-page .print-fontsize-slider {
    float: none;
    margin-top: -5px;
    display: inline-block;
    vertical-align: middle
}

.print-template-page.print-page .print-fontsize-slider.hide {
    display: none
}

.print-template-page.print-page .print-fontsize-slider .eui-slider {
    width: 110px
}

.print-template-page .toolbar-box {
    width: 1000px;
    margin: 0 auto;
    padding: 20px;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    border-color: #e2e2e2;
    margin-top: 20px;
    background: #f5f5f5;
    position: relative
}

.print-template-page .toolbar-box:before {
    content: '';
    position: absolute;
    top: -21px;
    width: 100%;
    height: 20px;
    left: 0;
    background: transparent
}

.print-template-page #print-toolbar .opt {
    padding: 5px 0 0 0
}

.print-template-page #print-toolbar .opt .upload-img {
    width: 30px;
    vertical-align: middle;
    color: #666
}

.print-template-page #print-toolbar .opt>* {
    margin-bottom: 10px
}

.print-template-page #print-toolbar .second-line>*:not(.hide)+*:not(.hide) {
    margin-left: 10px
}

.print-template-page .opt .border-dropdown-menu>li>a {
    position: relative;
    width: 120px;
    height: 24px
}

.print-template-page .opt .border-dropdown-menu>li>a:after {
    position: absolute;
    left: 15px;
    right: 15px;
    background: #666;
    content: "";
    top: 50%
}

.print-template-page .opt .border-dropdown-menu>li.active>a:after,.print-template-page .opt .border-dropdown-menu>li:hover>a:after {
    background: #fff
}

.print-template-page .opt .border-1>a:after {
    height: 1px
}

.print-template-page .opt .border-2>a:after {
    height: 2px;
    margin-top: -1px
}

.print-template-page .opt .border-3>a:after {
    height: 3px;
    margin-top: -1px
}

.print-template-page .opt .border-4>a:after {
    height: 4px;
    margin-top: -2px
}

.print-template-page .opt .border-5>a:after {
    height: 5px;
    margin-top: -2px
}

.print-template-page .opt .border-6>a:after {
    height: 6px;
    margin-top: -3px
}

.print-template-page #print {
    padding-top: 165px
}

.print-template-page .detail-content {
    background: #fff;
    padding: 0 20px 20px 20px;
    border-style: solid;
    border-color: #e2e2e2;
    border-width: 1px
}

.print-template-page .opt .checkbox-inline {
    margin-left: 0;
    margin-right: 10px
}

.print-template-page #print-toolbar {
    background: 0
}

#print_water_list {
    top: 0;
    z-index: 500;
    pointer-events: none;
    position: fixed;
    width: 4000px;
    left: 50%;
    margin-left: -2000px
}

#print .print-page-line {
    height: 0;
    width: 100%
}

#print .print-devider {
    position: relative
}

#print .form-data table,#print .form-tablelayout table {
    position: relative
}

#print .print-devider>.devider-mark,#print .print-devider-table-triggers>.devider-mark {
    position: absolute;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #ff5757;
    right: -20px;
    bottom: -4px;
    cursor: pointer
}

#print .print-devider-table-triggers>.devider-mark-enable {
    display: none
}

#print .form-tabs-wrapper .print-devider>.devider-mark,#print .form-tabs-wrapper .print-devider-table-triggers>.devider-mark {
    right: -31px
}

.print-devider-enable {
    page-break-after: always;
    position: relative
}

.print-devider .devider-dele {
    display: none
}

.print-devider-enable .devider-dele {
    display: block;
    font-size: 14px;
    color: #ff9d9d;
    position: absolute;
    right: -22px;
    bottom: -6px;
    cursor: pointer
}

.form-tabs-wrapper .print-devider-enable .devider-dele {
    right: -33px
}

.print-devider-enable .devider-dele:hover {
    color: #ff5757
}

.print-devider-enable .devider-line {
    height: 1px;
    border-bottom: 1px dashed #ff5757;
    color: #ff5757;
    margin: 0 -10px;
    font-size: 14px
}

.print-devider .devider-line i {
    display: none
}

.print-devider-enable .devider-line i {
    display: block;
    position: absolute;
    left: -20px;
    bottom: -4px
}

.print-devider-enable .devider-mark {
    display: none
}

#print .print-devider-table-triggers {
    position: absolute;
    top: 0;
    right: 0
}

#print .form-view .form-data:not(.form-data-noscroll),#print .form-tablelayout-wrap .form-tablelayout {
    overflow: hidden
}

#print .print-devider .devider-sn {
    position: absolute;
    -webkit-transform: rotate(271deg);
    -moz-transform: rotate(271deg);
    -ms-transform: rotate(271deg);
    transform: rotate(271deg);
    left: -28px;
    top: -33px;
    color: #999;
    FONT-SIZE: 12PX;
    display: none
}

#print .vertical-table .print-devider {
    top: 31px
}

#print .form-databox .print-devider .devider-sn,#print .form-tablelayout .print-devider .devider-sn {
    left: -2px
}

.form-databox .print-devider-enable .devider-line,.form-tablelayout .print-devider-enable .devider-line {
    margin: 0 20px
}

.form-databox .print-devider-enable .devider-dele,.form-tablelayout .print-devider-enable .devider-dele {
    right: 4px;
    z-index: 10
}

.form-tabs-wrapper .form-databox .print-devider-enable .devider-dele,.form-tabs-wrapper .form-tablelayout .print-devider-enable .devider-dele {
    right: 1px
}

.form-databox .print-devider-enable .devider-line i,.form-tablelayout .print-devider-enable .devider-line i {
    z-index: 10;
    left: 3px
}

#print .form-preview .form-border-view {
    border-width: 1px 0 0 0
}

.print-template-page .form-preview .form-border-view {
    border-width: 1px!important
}

.print-template-page #print.print-sliderborder .form-tabs-wrapper {
    border-width: 0
}

.print-template-page #print .form-tabs .tabs-content {
    border-width: 1px
}

.print-template-page #print .form-preview .form-tabs-wrapper+div,.print-template-page #print .form-preview .form-tabs-wrapper+.form-tabs-wrapper {
    border-top-width: 1px!important
}

#print.page-divider-print .module-detail-view .form-preview .field:not(.form-databox-wrap):not(.form-tablelayout-wrap) {
    border: 1px solid #ccc;
    border-width: 0 1px 1px 1px!important
}

#print .form-preview .form-view .vertical-table .field:last-child {
    border: 1px solid #ccc!important
}

#print.page-divider-print .form-view .column-layout {
    border: 1px solid #ccc;
    border-width: 0 1px
}

#print.page-divider-print .form-preview .form-view .form-databox-head {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc
}

#print.page-divider-print .form-preview .form-view .form-databox table,#print.page-divider-print .form-tablelayout table {
    border: 1px solid #ccc!important;
    border-width: 0 1px!important
}

#print .form-preview .form-tablelayout-wrap table>tbody>tr:last-child>td {
    border-bottom: 1px solid #ccc
}

.print-template-page #print .form-view>.form-tablelayout-wrap table>tbody>tr:last-child>td {
    border-bottom: 0
}

#print.page-divider-print .module-detail-view .form-preview .form-tabspaved-wrapper+.field:not(.form-tabs-wrapper),#print.page-divider-print .module-detail-view .form-preview .form-tabspaved-wrapper+div:not(.form-tabs-wrapper) {
    border-top: 1px solid #ececec!important
}

.print-template-page .form-preview .form-view .content-page>.field:last-child {
    border-bottom: 1px solid #e5e5e5!important
}

.print-template-page .form-preview .form-view .content-page>.form-tablelayout-wrap:last-child,.print-template-page .form-preview .form-view .content-page>.form-databox-wrap:last-child {
    border-bottom: none!important
}

#print.page-divider-print .form-tabspaved-wrapper+.form-tabs-wrapper {
    border-top-width: 1px
}

.print-template-page #print.slider-borderwidth-2 .form-tablelayout-wrap table>tbody>tr:last-child>td {
    border-bottom-width: 2px
}

.print-template-page #print.slider-borderwidth-3 .form-tablelayout-wrap table>tbody>tr:last-child>td {
    border-bottom-width: 3px
}

.print-template-page #print.slider-borderwidth-4 .form-tablelayout-wrap table>tbody>tr:last-child>td {
    border-bottom-width: 4px
}

.print-template-page #print.slider-borderwidth-5 .form-tablelayout-wrap table>tbody>tr:last-child>td {
    border-bottom-width: 5px
}

.print-template-page #print.slider-borderwidth-6 .form-tablelayout-wrap table>tbody>tr:last-child>td {
    border-bottom-width: 6px
}

#print.page-divider-print.slider-borderwidth-2 .module-detail-view .form-preview .field:not(.form-databox-wrap):not(.form-tablelayout-wrap) {
    border-width: 0 2px 2px 2px!important
}

#print.page-divider-print.slider-borderwidth-3 .module-detail-view .form-preview .field:not(.form-databox-wrap):not(.form-tablelayout-wrap) {
    border-width: 0 3px 3px 3px!important
}

#print.page-divider-print.slider-borderwidth-4 .module-detail-view .form-preview .field:not(.form-databox-wrap):not(.form-tablelayout-wrap) {
    border-width: 0 4px 4px 4px!important
}

#print.page-divider-print.slider-borderwidth-5 .module-detail-view .form-preview .field:not(.form-databox-wrap):not(.form-tablelayout-wrap) {
    border-width: 0 5px 5px 5px!important
}

#print.page-divider-print.slider-borderwidth-6 .module-detail-view .form-preview .field:not(.form-databox-wrap):not(.form-tablelayout-wrap) {
    border-width: 0 6px 6px 6px!important
}

#print.page-divider-print.slider-borderwidth-2 .form-preview .form-border-view {
    border-width: 2px 0 0 0
}

#print.page-divider-print.slider-borderwidth-3 .form-preview .form-border-view {
    border-width: 3px 0 0 0
}

#print.page-divider-print.slider-borderwidth-4 .form-preview .form-border-view {
    border-width: 4px 0 0 0
}

#print.page-divider-print.slider-borderwidth-5 .form-preview .form-border-view {
    border-width: 5px 0 0 0
}

#print.page-divider-print.slider-borderwidth-6 .form-preview .form-border-view {
    border-width: 6px 0 0 0
}

.print-template-page #print.slider-borderwidth-2 .form-preview .form-view .content-page>.field:last-child {
    border-bottom-width: 2px!important
}

.print-template-page #print.slider-borderwidth-3 .form-preview .form-view .content-page>.field:last-child {
    border-bottom-width: 3px!important
}

.print-template-page #print.slider-borderwidth-4 .form-preview .form-view .content-page>.field:last-child {
    border-bottom-width: 4px!important
}

.print-template-page #print.slider-borderwidth-5 .form-preview .form-view .content-page>.field:last-child {
    border-bottom-width: 5px!important
}

.print-template-page #print.slider-borderwidth-6 .form-preview .form-view .content-page>.field:last-child {
    border-bottom-width: 6px!important
}

#print.page-divider-print.slider-borderwidth-2 .form-view .column-layout {
    border-width: 0 2px
}

#print.page-divider-print.slider-borderwidth-3 .form-view .column-layout {
    border-width: 0 3px
}

#print.page-divider-print.slider-borderwidth-4 .form-view .column-layout {
    border-width: 0 4px
}

#print.page-divider-print.slider-borderwidth-5 .form-view .column-layout {
    border-width: 0 5px
}

#print.page-divider-print.slider-borderwidth-6 .form-view .column-layout {
    border-width: 0 6px
}

#print.page-divider-print.slider-borderwidth-2 .form-preview .form-view .form-databox-head {
    border-left-width: 2px;
    border-right-width: 2px
}

#print.page-divider-print.slider-borderwidth-3 .form-preview .form-view .form-databox-head {
    border-left-width: 3px;
    border-right-width: 3px
}

#print.page-divider-print.slider-borderwidth-4 .form-preview .form-view .form-databox-head {
    border-left-width: 4px;
    border-right-width: 4px
}

#print.page-divider-print.slider-borderwidth-5 .form-preview .form-view .form-databox-head {
    border-left-width: 5px;
    border-right-width: 5px
}

#print.page-divider-print.slider-borderwidth-6 .form-preview .form-view .form-databox-head {
    border-left-width: 6px;
    border-right-width: 6px
}

#print.page-divider-print.slider-borderwidth-2 .form-preview .form-view .form-databox table,#print.page-divider-print.slider-borderwidth-2 .form-tablelayout table {
    border-width: 0 2px!important
}

#print.page-divider-print.slider-borderwidth-3 .form-preview .form-view .form-databox table,#print.page-divider-print.slider-borderwidth-3 .form-tablelayout table {
    border-width: 0 3px!important
}

#print.page-divider-print.slider-borderwidth-4 .form-preview .form-view .form-databox table,#print.page-divider-print.slider-borderwidth-4 .form-tablelayout table {
    border-width: 0 4px!important
}

#print.page-divider-print.slider-borderwidth-5 .form-preview .form-view .form-databox table,#print.page-divider-print.slider-borderwidth-5 .form-tablelayout table {
    border-width: 0 5px!important
}

#print.page-divider-print.slider-borderwidth-6 .form-preview .form-view .form-databox table,#print.page-divider-print.slider-borderwidth-6 .form-tablelayout table {
    border-width: 0 6px!important
}

#print.page-divider-print.slider-borderwidth-2 .form-preview .form-tablelayout-wrap table>tbody>tr:last-child>td {
    border-bottom: 2px solid #ccc
}

#print.page-divider-print.slider-borderwidth-3 .form-preview .form-tablelayout-wrap table>tbody>tr:last-child>td {
    border-bottom: 3px solid #ccc
}

#print.page-divider-print.slider-borderwidth-4 .form-preview .form-tablelayout-wrap table>tbody>tr:last-child>td {
    border-bottom: 4px solid #ccc
}

#print.page-divider-print.slider-borderwidth-5 .form-preview .form-tablelayout-wrap table>tbody>tr:last-child>td {
    border-bottom: 5px solid #ccc
}

#print.page-divider-print.slider-borderwidth-6 .form-preview .form-tablelayout-wrap table>tbody>tr:last-child>td {
    border-bottom: 6px solid #ccc
}

#print.page-divider-print.slider-borderwidth-2 .module-detail-view .form-preview .form-tabspaved-wrapper+.field:not(.form-tabs-wrapper),#print.page-divider-print.slider-borderwidth-2 .module-detail-view .form-preview .form-tabspaved-wrapper+div:not(.form-tabs-wrapper) {
    border-top-width: 2px!important
}

#print.page-divider-print.slider-borderwidth-3 .module-detail-view .form-preview .form-tabspaved-wrapper+.field:not(.form-tabs-wrapper),#print.page-divider-print.slider-borderwidth-3 .module-detail-view .form-preview .form-tabspaved-wrapper+div:not(.form-tabs-wrapper) {
    border-top-width: 3px!important
}

#print.page-divider-print.slider-borderwidth-4 .module-detail-view .form-preview .form-tabspaved-wrapper+.field:not(.form-tabs-wrapper),#print.page-divider-print.slider-borderwidth-4 .module-detail-view .form-preview .form-tabspaved-wrapper+div:not(.form-tabs-wrapper) {
    border-top-width: 4px!important
}

#print.page-divider-print.slider-borderwidth-5 .module-detail-view .form-preview .form-tabspaved-wrapper+.field:not(.form-tabs-wrapper),#print.page-divider-print.slider-borderwidth-5 .module-detail-view .form-preview .form-tabspaved-wrapper+div:not(.form-tabs-wrapper) {
    border-top-width: 5px!important
}

#print.page-divider-print.slider-borderwidth-6 .module-detail-view .form-preview .form-tabspaved-wrapper+.field:not(.form-tabs-wrapper),#print.page-divider-print.slider-borderwidth-6 .module-detail-view .form-preview .form-tabspaved-wrapper+div:not(.form-tabs-wrapper) {
    border-top-width: 6px!important
}

#print.page-divider-print.slider-borderwidth-2 .form-tabspaved-wrapper+.form-tabs-wrapper {
    border-top-width: 2px
}

#print.page-divider-print.slider-borderwidth-3 .form-tabspaved-wrapper+.form-tabs-wrapper {
    border-top-width: 3px
}

#print.page-divider-print.slider-borderwidth-4 .form-tabspaved-wrapper+.form-tabs-wrapper {
    border-top-width: 4px
}

#print.page-divider-print.slider-borderwidth-5 .form-tabspaved-wrapper+.form-tabs-wrapper {
    border-top-width: 5px
}

#print.page-divider-print.slider-borderwidth-6 .form-tabspaved-wrapper+.form-tabs-wrapper {
    border-top-width: 6px
}

#print.page-divider-print .form-preview .form-view .field:last-child {
    border: 1px solid #ccc!important
}

#print.page-divider-print .module-detail-view .form-preview .form-databox-wrap .field,#print.page-divider-print .module-detail-view .form-preview .form-tablelayout-wrap .field,#print.page-divider-print .module-detail-view .form-preview .form-layout .field,#print.page-divider-print .form-preview .form-view .form-databox-wrap.field,#print.page-divider-print .form-preview .form-view .form-tablelayout-wrap.field,#print.page-divider-print .form-preview .form-view .form-layout.field {
    border: none!important
}

#print.page-divider-print .form-preview .form-tablelayout-wrap table>tbody>tr:last-child>td {
    border-bottom: 1px solid #ddd
}

#print.page-divider-print.slider-borderwidth-2 .form-preview .form-tablelayout-wrap table>tbody>tr:last-child>td {
    border-bottom: 2px solid #ddd
}

#print.page-divider-print.slider-borderwidth-3 .form-preview .form-tablelayout-wrap table>tbody>tr:last-child>td {
    border-bottom: 3px solid #ddd
}

#print.page-divider-print.slider-borderwidth-4 .form-preview .form-tablelayout-wrap table>tbody>tr:last-child>td {
    border-bottom: 4px solid #ddd
}

#print.page-divider-print.slider-borderwidth-5 .form-preview .form-tablelayout-wrap table>tbody>tr:last-child>td {
    border-bottom: 5px solid #ddd
}

#print.page-divider-print.slider-borderwidth-6 .form-preview .form-tablelayout-wrap table>tbody>tr:last-child>td {
    border-bottom: 6px solid #ddd
}

.print-toolbar-wrap {
    position: relative;
    padding-left: 97px
}

.print-toolbar-wrap .print-preview-btn {
    position: absolute;
    left: 0;
    top: -2px
}

.print-linecolor .detail-block {
    border-color: #e5e5e5
}

.print-linecolor .wform-post-info .item {
    border-color: #e5e5e5
}

.print-linecolor .form-preview .form-border-view {
    border-color: #e5e5e5!important
}

.print-linecolor .form-preview .form-layout {
    border-color: #e5e5e5
}

#print.print-linecolor .form-preview .form-view .form-databox-head {
    border-color: #e5e5e5
}

.print-linecolor .form-view .form-databox table>tbody>tr>th {
    border-color: #e5e5e5
}

.print-linecolor .table-bordered>thead>tr>th,.print-linecolor .table-bordered>tbody>tr>th,.print-linecolor .table-bordered>tfoot>tr>th,.print-linecolor .table-bordered>thead>tr>td,.print-linecolor .table-bordered>tbody>tr>td,.print-linecolor .table-bordered>tfoot>tr>td {
    border-color: #e5e5e5!important
}

#print.print-linecolor .form-preview .field {
    border-color: #e5e5e5!important
}

#print.print-linecolor .module-detail-view .form-preview .field:not(.form-databox-wrap):not(.form-tablelayout-wrap) {
    border-color: #e5e5e5!important
}

.print-linecolor .field .field-position {
    border-color: #e5e5e5
}

.print-linecolor .form-view .column-layout .cell {
    border-color: #e5e5e5
}

#print.print-linecolor .form-preview .form-view .form-databox table,#print.print-linecolor .form-tablelayout table {
    border-color: #e5e5e5!important
}

#print.print-linecolor .form-view .column-layout {
    border-color: #e5e5e5
}

#print.print-linecolor.detail-tab {
    border-color: #e5e5e5
}

#print.print-linecolor .print-comment-panel .comment-item:after,#print.print-linecolor .comment-wrapper .comment-item:after {
    border-color: #e5e5e5
}

#print.print-linecolor .readinfo-box:after,#print.print-linecolor .stream-box:after {
    border-color: #e5e5e5
}

#print.print-linecolor .form-preview .vertical-table {
    border-color: #e5e5e5
}

#print.print-linecolor .form-preview .vertical-table>.line {
    border-color: #e5e5e5
}

#print.print-linecolor .form-preview .vertical-table>.line:before {
    border-color: #e5e5e5
}

#print.print-linecolor .form-preview .vertical-table>.content {
    border-color: #e5e5e5
}

#print.print-linecolor .form-view .field .relevance-card .item {
    border-color: #e5e5e5
}

#print.print-linecolor .form-view .relevance-card .item>.title {
    border-color: #e5e5e5
}

#print.print-linecolor .detail-block>.block-head {
    border-color: #e5e5e5
}

#print.print-linecolor .wform-submit-history .history-div table {
    border-color: #e5e5e5
}

#print.print-linecolor .entity-info .control-group {
    border-color: #e5e5e5
}

#print.print-linecolor .wform-title .sernum-box:before {
    background: #e5e5e5
}

#print.print-linecolor .form-preview .form-view .form-databox table tr:last-child td {
    border-bottom: 1px solid #eaeaea
}

#print.print-linecolor .form-tabs-wrapper {
    border-color: #e5e5e5
}

#print.print-linecolor .form-view>div.form-tabs-wrapper:first-child {
    border-color: #e5e5e5
}

#print.print-linecolor .form-tabs .tabs-head ul>li:first-child,#print.print-linecolor .form-tabs .tabs-head ul>li:only-child {
    border-color: #e5e5e5
}

#print.print-linecolor .form-tabs .tabs-head ul>li {
    border-color: #e5e5e5
}

#print.print-linecolor .form-tabs .tabs-content {
    border-color: #e5e5e5
}

#print.print-linecolor .form-tabs-paved .paved-head {
    border-color: #e5e5e5
}

#print.print-linecolor .form-tabs-paved>.paved-head:first-child {
    border-color: #e5e5e5
}

#print.print-linecolor .form-tabs .tabs-content .border-div {
    border-color: #e5e5e5
}

#print.print-linecolor .form-tabs-paved .paved-content {
    border-color: #e5e5e5
}

#print.print-linecolor .form-tabspaved-wrapper .form-tabs .tabs-head-block {
    border-color: #e5e5e5
}

#print.print-linecolor .module-detail-view .form-preview .form-tabspaved-wrapper+.field:not(.form-tabs-wrapper),#print.print-linecolor .module-detail-view .form-preview .form-tabspaved-wrapper+div:not(.form-tabs-wrapper) {
    border-color: #e5e5e5!important
}

#print.print-linecolor .form-tabs .tabs-content .before-border-div {
    border-color: #e5e5e5
}

.slider-linecolor-2 .detail-block {
    border-color: #ccc
}

.slider-linecolor-2 .wform-post-info .item {
    border-color: #ccc
}

.slider-linecolor-2 .form-preview .form-border-view {
    border-color: #ccc!important
}

.slider-linecolor-2 .form-preview .form-layout {
    border-color: #ccc
}

#print.slider-linecolor-2 .form-preview .form-view .form-databox-head {
    border-color: #ccc
}

.slider-linecolor-2 .form-view .form-databox table>tbody>tr>th {
    border-color: #ccc
}

.slider-linecolor-2 .table-bordered>thead>tr>th,.slider-linecolor-2 .table-bordered>tbody>tr>th,.slider-linecolor-2 .table-bordered>tfoot>tr>th,.slider-linecolor-2 .table-bordered>thead>tr>td,.slider-linecolor-2 .table-bordered>tbody>tr>td,.slider-linecolor-2 .table-bordered>tfoot>tr>td {
    border-color: #ccc!important
}

#print.slider-linecolor-2 .form-preview .field {
    border-color: #ccc!important
}

#print.slider-linecolor-2 .module-detail-view .form-preview .field:not(.form-databox-wrap):not(.form-tablelayout-wrap) {
    border-color: #ccc!important
}

.slider-linecolor-2 .field .field-position {
    border-color: #ccc
}

.slider-linecolor-2 .form-view .column-layout .cell {
    border-color: #ccc
}

#print.slider-linecolor-2 .form-preview .form-view .form-databox table,#print.slider-linecolor-2 .form-tablelayout table {
    border-color: #ccc!important
}

#print.slider-linecolor-2 .form-view .column-layout {
    border-color: #ccc
}

#print.slider-linecolor-2 .detail-tab {
    border-color: #ccc
}

#print.slider-linecolor-2 .print-comment-panel .comment-item:after,#print.slider-linecolor-2 .comment-wrapper .comment-item:after {
    border-color: #ccc
}

#print.slider-linecolor-2 .readinfo-box:after,#print.slider-linecolor-2 .stream-box:after {
    border-color: #ccc
}

#print.slider-linecolor-2 .form-preview .vertical-table {
    border-color: #ccc
}

#print.slider-linecolor-2 .form-preview .vertical-table>.line {
    border-color: #ccc
}

#print.slider-linecolor-2 .form-preview .vertical-table>.line:before {
    border-color: #ccc
}

#print.slider-linecolor-2 .form-preview .vertical-table>.content {
    border-color: #ccc
}

#print.slider-linecolor-2 .form-view .field .relevance-card .item {
    border-color: #ccc
}

#print.slider-linecolor-2 .form-view .relevance-card .item>.title {
    border-color: #ccc
}

#print.slider-linecolor-2 .detail-block>.block-head {
    border-color: #ccc
}

#print.slider-linecolor-2 .wform-submit-history .history-div table {
    border-color: #ccc
}

#print.slider-linecolor-2 .entity-info .control-group {
    border-color: #ccc
}

#print.slider-linecolor-2 .wform-title .sernum-box:before {
    background: #ccc
}

#print.slider-linecolor-2 .form-tabs-wrapper {
    border-color: #ccc
}

#print.slider-linecolor-2 .form-view>div.form-tabs-wrapper:first-child {
    border-color: #ccc
}

#print.slider-linecolor-2 .form-tabs .tabs-head ul>li:first-child,#print.slider-linecolor-2 .form-tabs .tabs-head ul>li:only-child {
    border-color: #ccc
}

#print.slider-linecolor-2 .form-tabs .tabs-head ul>li {
    border-color: #ccc
}

#print.slider-linecolor-2 .form-tabs .tabs-content {
    border-color: #ccc
}

#print.slider-linecolor-2 .form-tabs-paved .paved-head {
    border-color: #ccc
}

#print.slider-linecolor-2 .form-tabs-paved>.paved-head:first-child {
    border-color: #ccc
}

#print.slider-linecolor-2 .form-tabs .tabs-content .border-div {
    border-color: #ccc
}

#print.slider-linecolor-2 .form-tabs-paved .paved-content {
    border-color: #ccc
}

#print.slider-linecolor-2 .form-tabspaved-wrapper .form-tabs .tabs-head-block {
    border-color: #ccc
}

#print.slider-linecolor-2 .module-detail-view .form-preview .form-tabspaved-wrapper+.field:not(.form-tabs-wrapper),#print.slider-linecolor-2 .module-detail-view .form-preview .form-tabspaved-wrapper+div:not(.form-tabs-wrapper) {
    border-color: #ccc!important
}

#print.slider-linecolor-2 .form-tabs .tabs-content .before-border-div {
    border-color: #ccc
}

.slider-linecolor-3 .detail-block {
    border-color: #b2b2b2
}

.slider-linecolor-3 .wform-post-info .item {
    border-color: #b2b2b2
}

.slider-linecolor-3 .form-preview .form-border-view {
    border-color: #b2b2b2!important
}

.slider-linecolor-3 .form-preview .form-layout {
    border-color: #b2b2b2
}

#print.slider-linecolor-3 .form-preview .form-view .form-databox-head {
    border-color: #b2b2b2
}

.slider-linecolor-3 .form-view .form-databox table>tbody>tr>th {
    border-color: #b2b2b2
}

.slider-linecolor-3 .table-bordered>thead>tr>th,.slider-linecolor-3 .table-bordered>tbody>tr>th,.slider-linecolor-3 .table-bordered>tfoot>tr>th,.slider-linecolor-3 .table-bordered>thead>tr>td,.slider-linecolor-3 .table-bordered>tbody>tr>td,.slider-linecolor-3 .table-bordered>tfoot>tr>td {
    border-color: #b2b2b2!important
}

#print.slider-linecolor-3 .form-preview .field {
    border-color: #b2b2b2!important
}

#print.slider-linecolor-3 .module-detail-view .form-preview .field:not(.form-databox-wrap):not(.form-tablelayout-wrap) {
    border-color: #b2b2b2!important
}

.slider-linecolor-3 .field .field-position {
    border-color: #b2b2b2
}

.slider-linecolor-3 .form-view .column-layout .cell {
    border-color: #b2b2b2
}

#print.slider-linecolor-3 .form-preview .form-view .form-databox table,#print.slider-linecolor-3 .form-tablelayout table {
    border-color: #b2b2b2!important
}

#print.slider-linecolor-3 .form-view .column-layout {
    border-color: #b2b2b2
}

#print.slider-linecolor-3 .detail-tab {
    border-color: #b2b2b2
}

#print.slider-linecolor-3 .print-comment-panel .comment-item:after,#print.slider-linecolor-3 .comment-wrapper .comment-item:after {
    border-color: #b2b2b2
}

#print.slider-linecolor-3 .readinfo-box:after,#print.slider-linecolor-3 .stream-box:after {
    border-color: #b2b2b2
}

#print.slider-linecolor-3 .form-preview .vertical-table {
    border-color: #b2b2b2
}

#print.slider-linecolor-3 .form-preview .vertical-table>.line {
    border-color: #b2b2b2
}

#print.slider-linecolor-3 .form-preview .vertical-table>.line:before {
    border-color: #b2b2b2
}

#print.slider-linecolor-3 .form-preview .vertical-table>.content {
    border-color: #b2b2b2
}

#print.slider-linecolor-3 .form-view .field .relevance-card .item {
    border-color: #b2b2b2
}

#print.slider-linecolor-3 .form-view .relevance-card .item>.title {
    border-color: #b2b2b2
}

#print.slider-linecolor-3 .detail-block>.block-head {
    border-color: #b2b2b2
}

#print.slider-linecolor-3 .wform-submit-history .history-div table {
    border-color: #b2b2b2
}

#print.slider-linecolor-3 .entity-info .control-group {
    border-color: #b2b2b2
}

#print.slider-linecolor-3 .wform-title .sernum-box:before {
    background: #b2b2b2
}

#print.slider-linecolor-3 .form-tabs-wrapper {
    border-color: #b2b2b2
}

#print.slider-linecolor-3 .form-view>div.form-tabs-wrapper:first-child {
    border-color: #b2b2b2
}

#print.slider-linecolor-3 .form-tabs .tabs-head ul>li:first-child,#print.slider-linecolor-3 .form-tabs .tabs-head ul>li:only-child {
    border-color: #b2b2b2
}

#print.slider-linecolor-3 .form-tabs .tabs-head ul>li {
    border-color: #b2b2b2
}

#print.slider-linecolor-3 .form-tabs .tabs-content {
    border-color: #b2b2b2
}

#print.slider-linecolor-3 .form-tabs-paved .paved-head {
    border-color: #b2b2b2
}

#print.slider-linecolor-3 .form-tabs-paved>.paved-head:first-child {
    border-color: #b2b2b2
}

#print.slider-linecolor-3 .form-tabs .tabs-content .border-div {
    border-color: #b2b2b2
}

#print.slider-linecolor-3 .form-tabs-paved .paved-content {
    border-color: #b2b2b2
}

#print.slider-linecolor-3 .form-tabspaved-wrapper .form-tabs .tabs-head-block {
    border-color: #b2b2b2
}

#print.slider-linecolor-3 .module-detail-view .form-preview .form-tabspaved-wrapper+.field:not(.form-tabs-wrapper),#print.slider-linecolor-3 .module-detail-view .form-preview .form-tabspaved-wrapper+div:not(.form-tabs-wrapper) {
    border-color: #b2b2b2!important
}

#print.slider-linecolor-3 .form-tabs .tabs-content .before-border-div {
    border-color: #b2b2b2
}

.slider-linecolor-4 .detail-block {
    border-color: #999
}

.slider-linecolor-4 .wform-post-info .item {
    border-color: #999
}

.slider-linecolor-4 .form-preview .form-border-view {
    border-color: #999!important
}

.slider-linecolor-4 .form-preview .form-layout {
    border-color: #999
}

#print.slider-linecolor-4 .form-preview .form-view .form-databox-head {
    border-color: #999
}

.slider-linecolor-4 .form-view .form-databox table>tbody>tr>th {
    border-color: #999
}

.slider-linecolor-4 .table-bordered>thead>tr>th,.slider-linecolor-4 .table-bordered>tbody>tr>th,.slider-linecolor-4 .table-bordered>tfoot>tr>th,.slider-linecolor-4 .table-bordered>thead>tr>td,.slider-linecolor-4 .table-bordered>tbody>tr>td,.slider-linecolor-4 .table-bordered>tfoot>tr>td {
    border-color: #999!important
}

#print.slider-linecolor-4 .form-preview .field {
    border-color: #999!important
}

#print.slider-linecolor-4 .module-detail-view .form-preview .field:not(.form-databox-wrap):not(.form-tablelayout-wrap) {
    border-color: #999!important
}

.slider-linecolor-4 .field .field-position {
    border-color: #999
}

.slider-linecolor-4 .form-view .column-layout .cell {
    border-color: #999
}

#print.slider-linecolor-4 .form-preview .form-view .form-databox table,#print.slider-linecolor-4 .form-tablelayout table {
    border-color: #999!important
}

#print.slider-linecolor-4 .form-view .column-layout {
    border-color: #999
}

#print.slider-linecolor-4 .detail-tab {
    border-color: #999
}

#print.slider-linecolor-4 .print-comment-panel .comment-item:after,#print.slider-linecolor-4 .comment-wrapper .comment-item:after {
    border-color: #999
}

#print.slider-linecolor-4 .readinfo-box:after,#print.slider-linecolor-4 .stream-box:after {
    border-color: #999
}

#print.slider-linecolor-4 .form-preview .vertical-table {
    border-color: #999
}

#print.slider-linecolor-4 .form-preview .vertical-table>.line {
    border-color: #999
}

#print.slider-linecolor-4 .form-preview .vertical-table>.line:before {
    border-color: #999
}

#print.slider-linecolor-4 .form-preview .vertical-table>.content {
    border-color: #999
}

#print.slider-linecolor-4 .form-view .field .relevance-card .item {
    border-color: #999
}

#print.slider-linecolor-4 .form-view .relevance-card .item>.title {
    border-color: #999
}

#print.slider-linecolor-4 .detail-block>.block-head {
    border-color: #999
}

#print.slider-linecolor-4 .wform-submit-history .history-div table {
    border-color: #999
}

#print.slider-linecolor-4 .entity-info .control-group {
    border-color: #999
}

#print.slider-linecolor-4 .wform-title .sernum-box:before {
    background: #999
}

#print.slider-linecolor-4 .form-tabs-wrapper {
    border-color: #999
}

#print.slider-linecolor-4 .form-view>div.form-tabs-wrapper:first-child {
    border-color: #999
}

#print.slider-linecolor-4 .form-tabs .tabs-head ul>li:first-child,#print.slider-linecolor-4 .form-tabs .tabs-head ul>li:only-child {
    border-color: #999
}

#print.slider-linecolor-4 .form-tabs .tabs-head ul>li {
    border-color: #999
}

#print.slider-linecolor-4 .form-tabs .tabs-content {
    border-color: #999
}

#print.slider-linecolor-4 .form-tabs-paved .paved-head {
    border-color: #999
}

#print.slider-linecolor-4 .form-tabs-paved>.paved-head:first-child {
    border-color: #999
}

#print.slider-linecolor-4 .form-tabs .tabs-content .border-div {
    border-color: #999
}

#print.slider-linecolor-4 .form-tabs-paved .paved-content {
    border-color: #999
}

#print.slider-linecolor-4 .form-tabspaved-wrapper .form-tabs .tabs-head-block {
    border-color: #999
}

#print.slider-linecolor-4 .module-detail-view .form-preview .form-tabspaved-wrapper+.field:not(.form-tabs-wrapper),#print.slider-linecolor-4 .module-detail-view .form-preview .form-tabspaved-wrapper+div:not(.form-tabs-wrapper) {
    border-color: #999!important
}

#print.slider-linecolor-4 .form-tabs .tabs-content .before-border-div {
    border-color: #999
}

.slider-linecolor-5 .detail-block {
    border-color: #7f7f7f
}

.slider-linecolor-5 .wform-post-info .item {
    border-color: #7f7f7f
}

.slider-linecolor-5 .form-preview .form-border-view {
    border-color: #7f7f7f!important
}

.slider-linecolor-5 .form-preview .form-layout {
    border-color: #7f7f7f
}

#print.slider-linecolor-5 .form-preview .form-view .form-databox-head {
    border-color: #7f7f7f
}

.slider-linecolor-5 .form-view .form-databox table>tbody>tr>th {
    border-color: #7f7f7f
}

.slider-linecolor-5 .table-bordered>thead>tr>th,.slider-linecolor-5 .table-bordered>tbody>tr>th,.slider-linecolor-5 .table-bordered>tfoot>tr>th,.slider-linecolor-5 .table-bordered>thead>tr>td,.slider-linecolor-5 .table-bordered>tbody>tr>td,.slider-linecolor-5 .table-bordered>tfoot>tr>td {
    border-color: #7f7f7f!important
}

#print.slider-linecolor-5 .form-preview .field {
    border-color: #7f7f7f!important
}

#print.slider-linecolor-5 .module-detail-view .form-preview .field:not(.form-databox-wrap):not(.form-tablelayout-wrap) {
    border-color: #7f7f7f!important
}

.slider-linecolor-5 .field .field-position {
    border-color: #7f7f7f
}

.slider-linecolor-5 .form-view .column-layout .cell {
    border-color: #7f7f7f
}

#print.slider-linecolor-5 .form-preview .form-view .form-databox table,#print.slider-linecolor-5 .form-tablelayout table {
    border-color: #7f7f7f!important
}

#print.slider-linecolor-5 .form-view .column-layout {
    border-color: #7f7f7f
}

#print.slider-linecolor-5 .detail-tab {
    border-color: #7f7f7f
}

#print.slider-linecolor-5 .print-comment-panel .comment-item:after,#print.slider-linecolor-5 .comment-wrapper .comment-item:after {
    border-color: #7f7f7f
}

#print.slider-linecolor-5 .readinfo-box:after,#print.slider-linecolor-5 .stream-box:after {
    border-color: #7f7f7f
}

#print.slider-linecolor-5 .form-preview .vertical-table {
    border-color: #7f7f7f
}

#print.slider-linecolor-5 .form-preview .vertical-table>.line {
    border-color: #7f7f7f
}

#print.slider-linecolor-5 .form-preview .vertical-table>.line:before {
    border-color: #7f7f7f
}

#print.slider-linecolor-5 .form-preview .vertical-table>.content {
    border-color: #7f7f7f
}

#print.slider-linecolor-5 .form-view .field .relevance-card .item {
    border-color: #7f7f7f
}

#print.slider-linecolor-5 .form-view .relevance-card .item>.title {
    border-color: #7f7f7f
}

#print.slider-linecolor-5 .detail-block>.block-head {
    border-color: #7f7f7f
}

#print.slider-linecolor-5 .wform-submit-history .history-div table {
    border-color: #7f7f7f
}

#print.slider-linecolor-5 .entity-info .control-group {
    border-color: #7f7f7f
}

#print.slider-linecolor-5 .wform-title .sernum-box:before {
    background: #7f7f7f
}

#print.slider-linecolor-5 .form-tabs-wrapper {
    border-color: #7f7f7f
}

#print.slider-linecolor-5 .form-view>div.form-tabs-wrapper:first-child {
    border-color: #7f7f7f
}

#print.slider-linecolor-5 .form-tabs .tabs-head ul>li:first-child,#print.slider-linecolor-5 .form-tabs .tabs-head ul>li:only-child {
    border-color: #7f7f7f
}

#print.slider-linecolor-5 .form-tabs .tabs-head ul>li {
    border-color: #7f7f7f
}

#print.slider-linecolor-5 .form-tabs .tabs-content {
    border-color: #7f7f7f
}

#print.slider-linecolor-5 .form-tabs-paved .paved-head {
    border-color: #7f7f7f
}

#print.slider-linecolor-5 .form-tabs-paved>.paved-head:first-child {
    border-color: #7f7f7f
}

#print.slider-linecolor-5 .form-tabs .tabs-content .border-div {
    border-color: #7f7f7f
}

#print.slider-linecolor-5 .form-tabs-paved .paved-content {
    border-color: #7f7f7f
}

#print.slider-linecolor-5 .form-tabspaved-wrapper .form-tabs .tabs-head-block {
    border-color: #7f7f7f
}

#print.slider-linecolor-5 .module-detail-view .form-preview .form-tabspaved-wrapper+.field:not(.form-tabs-wrapper),#print.slider-linecolor-5 .module-detail-view .form-preview .form-tabspaved-wrapper+div:not(.form-tabs-wrapper) {
    border-color: #7f7f7f!important
}

#print.slider-linecolor-5 .form-tabs .tabs-content .before-border-div {
    border-color: #7f7f7f
}

.slider-linecolor-6 .detail-block {
    border-color: #666
}

.slider-linecolor-6 .wform-post-info .item {
    border-color: #666
}

.slider-linecolor-6 .form-preview .form-border-view {
    border-color: #666!important
}

.slider-linecolor-6 .form-preview .form-layout {
    border-color: #666
}

#print.slider-linecolor-6 .form-preview .form-view .form-databox-head {
    border-color: #666
}

.slider-linecolor-6 .form-view .form-databox table>tbody>tr>th {
    border-color: #666
}

.slider-linecolor-6 .table-bordered>thead>tr>th,.slider-linecolor-6 .table-bordered>tbody>tr>th,.slider-linecolor-6 .table-bordered>tfoot>tr>th,.slider-linecolor-6 .table-bordered>thead>tr>td,.slider-linecolor-6 .table-bordered>tbody>tr>td,.slider-linecolor-6 .table-bordered>tfoot>tr>td {
    border-color: #666!important
}

#print.slider-linecolor-6 .form-preview .field {
    border-color: #666!important
}

#print.slider-linecolor-6 .module-detail-view .form-preview .field:not(.form-databox-wrap):not(.form-tablelayout-wrap) {
    border-color: #666!important
}

.slider-linecolor-6 .field .field-position {
    border-color: #666
}

.slider-linecolor-6 .form-view .column-layout .cell {
    border-color: #666
}

#print.slider-linecolor-6 .form-preview .form-view .form-databox table,#print.slider-linecolor-6 .form-tablelayout table {
    border-color: #666!important
}

#print.slider-linecolor-6 .form-view .column-layout {
    border-color: #666
}

#print.slider-linecolor-6 .detail-tab {
    border-color: #666
}

#print.slider-linecolor-6 .print-comment-panel .comment-item:after,#print.slider-linecolor-6 .comment-wrapper .comment-item:after {
    border-color: #666
}

#print.slider-linecolor-6 .readinfo-box:after,#print.slider-linecolor-6 .stream-box:after {
    border-color: #666
}

#print.slider-linecolor-6 .form-preview .vertical-table {
    border-color: #666
}

#print.slider-linecolor-6 .form-preview .vertical-table>.line {
    border-color: #666
}

#print.slider-linecolor-6 .form-preview .vertical-table>.line:before {
    border-color: #666
}

#print.slider-linecolor-6 .form-preview .vertical-table>.content {
    border-color: #666
}

#print.slider-linecolor-6 .form-view .field .relevance-card .item {
    border-color: #666
}

#print.slider-linecolor-6 .form-view .relevance-card .item>.title {
    border-color: #666
}

#print.slider-linecolor-6 .detail-block>.block-head {
    border-color: #666
}

#print.slider-linecolor-6 .wform-submit-history .history-div table {
    border-color: #666
}

#print.slider-linecolor-6 .entity-info .control-group {
    border-color: #666
}

#print.slider-linecolor-6 .wform-title .sernum-box:before {
    background: #666
}

#print.slider-linecolor-6 .form-tabs-wrapper {
    border-color: #666
}

#print.slider-linecolor-6 .form-view>div.form-tabs-wrapper:first-child {
    border-color: #666
}

#print.slider-linecolor-6 .form-tabs .tabs-head ul>li:first-child,#print.slider-linecolor-6 .form-tabs .tabs-head ul>li:only-child {
    border-color: #666
}

#print.slider-linecolor-6 .form-tabs .tabs-head ul>li {
    border-color: #666
}

#print.slider-linecolor-6 .form-tabs .tabs-content {
    border-color: #666
}

#print.slider-linecolor-6 .form-tabs-paved .paved-head {
    border-color: #666
}

#print.slider-linecolor-6 .form-tabs-paved>.paved-head:first-child {
    border-color: #666
}

#print.slider-linecolor-6 .form-tabs .tabs-content .border-div {
    border-color: #666
}

#print.slider-linecolor-6 .form-tabs-paved .paved-content {
    border-color: #666
}

#print.slider-linecolor-6 .form-tabspaved-wrapper .form-tabs .tabs-head-block {
    border-color: #666
}

#print.slider-linecolor-6 .module-detail-view .form-preview .form-tabspaved-wrapper+.field:not(.form-tabs-wrapper),#print.slider-linecolor-6 .module-detail-view .form-preview .form-tabspaved-wrapper+div:not(.form-tabs-wrapper) {
    border-color: #666!important
}

#print.slider-linecolor-6 .form-tabs .tabs-content .before-border-div {
    border-color: #666
}

.slider-linecolor-7 .detail-block {
    border-color: #4c4c4c
}

.slider-linecolor-7 .wform-post-info .item {
    border-color: #4c4c4c
}

.slider-linecolor-7 .form-preview .form-border-view {
    border-color: #4c4c4c!important
}

.slider-linecolor-7 .form-preview .form-layout {
    border-color: #4c4c4c
}

#print.slider-linecolor-7 .form-preview .form-view .form-databox-head {
    border-color: #4c4c4c
}

.slider-linecolor-7 .form-view .form-databox table>tbody>tr>th {
    border-color: #4c4c4c
}

.slider-linecolor-7 .table-bordered>thead>tr>th,.slider-linecolor-7 .table-bordered>tbody>tr>th,.slider-linecolor-7 .table-bordered>tfoot>tr>th,.slider-linecolor-7 .table-bordered>thead>tr>td,.slider-linecolor-7 .table-bordered>tbody>tr>td,.slider-linecolor-7 .table-bordered>tfoot>tr>td {
    border-color: #4c4c4c!important
}

#print.slider-linecolor-7 .form-preview .field {
    border-color: #4c4c4c!important
}

#print.slider-linecolor-7 .module-detail-view .form-preview .field:not(.form-databox-wrap):not(.form-tablelayout-wrap) {
    border-color: #4c4c4c!important
}

.slider-linecolor-7 .field .field-position {
    border-color: #4c4c4c
}

.slider-linecolor-7 .form-view .column-layout .cell {
    border-color: #4c4c4c
}

#print.slider-linecolor-7 .form-preview .form-view .form-databox table,#print.slider-linecolor-7 .form-tablelayout table {
    border-color: #4c4c4c!important
}

#print.slider-linecolor-7 .form-view .column-layout {
    border-color: #4c4c4c
}

#print.slider-linecolor-7 .detail-tab {
    border-color: #4c4c4c
}

#print.slider-linecolor-7 .print-comment-panel .comment-item:after,#print.slider-linecolor-7 .comment-wrapper .comment-item:after {
    border-color: #4c4c4c
}

#print.slider-linecolor-7 .readinfo-box:after,#print.slider-linecolor-7 .stream-box:after {
    border-color: #4c4c4c
}

#print.slider-linecolor-7 .form-preview .vertical-table {
    border-color: #4c4c4c
}

#print.slider-linecolor-7 .form-preview .vertical-table>.line {
    border-color: #4c4c4c
}

#print.slider-linecolor-7 .form-preview .vertical-table>.line:before {
    border-color: #4c4c4c
}

#print.slider-linecolor-7 .form-preview .vertical-table>.content {
    border-color: #4c4c4c
}

#print.slider-linecolor-7 .form-view .field .relevance-card .item {
    border-color: #4c4c4c
}

#print.slider-linecolor-7 .form-view .relevance-card .item>.title {
    border-color: #4c4c4c
}

#print.slider-linecolor-7 .detail-block>.block-head {
    border-color: #4c4c4c
}

#print.slider-linecolor-7 .wform-submit-history .history-div table {
    border-color: #4c4c4c
}

#print.slider-linecolor-7 .entity-info .control-group {
    border-color: #4c4c4c
}

#print.slider-linecolor-7 .wform-title .sernum-box:before {
    background: #4c4c4c
}

#print.slider-linecolor-7 .form-tabs-wrapper {
    border-color: #4c4c4c
}

#print.slider-linecolor-7 .form-view>div.form-tabs-wrapper:first-child {
    border-color: #4c4c4c
}

#print.slider-linecolor-7 .form-tabs .tabs-head ul>li:first-child,#print.slider-linecolor-7 .form-tabs .tabs-head ul>li:only-child {
    border-color: #4c4c4c
}

#print.slider-linecolor-7 .form-tabs .tabs-head ul>li {
    border-color: #4c4c4c
}

#print.slider-linecolor-7 .form-tabs .tabs-content {
    border-color: #4c4c4c
}

#print.slider-linecolor-7 .form-tabs-paved .paved-head {
    border-color: #4c4c4c
}

#print.slider-linecolor-7 .form-tabs-paved>.paved-head:first-child {
    border-color: #4c4c4c
}

#print.slider-linecolor-7 .form-tabs .tabs-content .border-div {
    border-color: #4c4c4c
}

#print.slider-linecolor-7 .form-tabs-paved .paved-content {
    border-color: #4c4c4c
}

#print.slider-linecolor-7 .form-tabspaved-wrapper .form-tabs .tabs-head-block {
    border-color: #4c4c4c
}

#print.slider-linecolor-7 .module-detail-view .form-preview .form-tabspaved-wrapper+.field:not(.form-tabs-wrapper),#print.slider-linecolor-7 .module-detail-view .form-preview .form-tabspaved-wrapper+div:not(.form-tabs-wrapper) {
    border-color: #4c4c4c!important
}

#print.slider-linecolor-7 .form-tabs .tabs-content .before-border-div {
    border-color: #4c4c4c
}

.slider-linecolor-8 .detail-block {
    border-color: #333
}

.slider-linecolor-8 .wform-post-info .item {
    border-color: #333
}

.slider-linecolor-8 .form-preview .form-border-view {
    border-color: #333!important
}

.slider-linecolor-8 .form-preview .form-layout {
    border-color: #333
}

#print.slider-linecolor-8 .form-preview .form-view .form-databox-head {
    border-color: #333
}

.slider-linecolor-8 .form-view .form-databox table>tbody>tr>th {
    border-color: #333
}

.slider-linecolor-8 .table-bordered>thead>tr>th,.slider-linecolor-8 .table-bordered>tbody>tr>th,.slider-linecolor-8 .table-bordered>tfoot>tr>th,.slider-linecolor-8 .table-bordered>thead>tr>td,.slider-linecolor-8 .table-bordered>tbody>tr>td,.slider-linecolor-8 .table-bordered>tfoot>tr>td {
    border-color: #333!important
}

#print.slider-linecolor-8 .form-preview .field {
    border-color: #333!important
}

#print.slider-linecolor-8 .module-detail-view .form-preview .field:not(.form-databox-wrap):not(.form-tablelayout-wrap) {
    border-color: #333!important
}

.slider-linecolor-8 .field .field-position {
    border-color: #333
}

.slider-linecolor-8 .form-view .column-layout .cell {
    border-color: #333
}

#print.slider-linecolor-8 .form-preview .form-view .form-databox table,#print.slider-linecolor-8 .form-tablelayout table {
    border-color: #333!important
}

#print.slider-linecolor-8 .form-view .column-layout {
    border-color: #333
}

#print.slider-linecolor-8 .detail-tab {
    border-color: #333
}

#print.slider-linecolor-8 .print-comment-panel .comment-item:after,#print.slider-linecolor-8 .comment-wrapper .comment-item:after {
    border-color: #333
}

#print.slider-linecolor-8 .readinfo-box:after,#print.slider-linecolor-8 .stream-box:after {
    border-color: #333
}

#print.slider-linecolor-8 .form-preview .vertical-table {
    border-color: #333
}

#print.slider-linecolor-8 .form-preview .vertical-table>.line {
    border-color: #333
}

#print.slider-linecolor-8 .form-preview .vertical-table>.line:before {
    border-color: #333
}

#print.slider-linecolor-8 .form-preview .vertical-table>.content {
    border-color: #333
}

#print.slider-linecolor-8 .form-view .field .relevance-card .item {
    border-color: #333
}

#print.slider-linecolor-8 .form-view .relevance-card .item>.title {
    border-color: #333
}

#print.slider-linecolor-8 .detail-block>.block-head {
    border-color: #333
}

#print.slider-linecolor-8 .wform-submit-history .history-div table {
    border-color: #333
}

#print.slider-linecolor-8 .entity-info .control-group {
    border-color: #333
}

#print.slider-linecolor-8 .wform-title .sernum-box:before {
    background: #333
}

#print.slider-linecolor-8 .form-tabs-wrapper {
    border-color: #333
}

#print.slider-linecolor-8 .form-view>div.form-tabs-wrapper:first-child {
    border-color: #333
}

#print.slider-linecolor-8 .form-tabs .tabs-head ul>li:first-child,#print.slider-linecolor-8 .form-tabs .tabs-head ul>li:only-child {
    border-color: #333
}

#print.slider-linecolor-8 .form-tabs .tabs-head ul>li {
    border-color: #333
}

#print.slider-linecolor-8 .form-tabs .tabs-content {
    border-color: #333
}

#print.slider-linecolor-8 .form-tabs-paved .paved-head {
    border-color: #333
}

#print.slider-linecolor-8 .form-tabs-paved>.paved-head:first-child {
    border-color: #333
}

#print.slider-linecolor-8 .form-tabs .tabs-content .border-div {
    border-color: #333
}

#print.slider-linecolor-8 .form-tabs-paved .paved-content {
    border-color: #333
}

#print.slider-linecolor-8 .form-tabspaved-wrapper .form-tabs .tabs-head-block {
    border-color: #333
}

#print.slider-linecolor-8 .module-detail-view .form-preview .form-tabspaved-wrapper+.field:not(.form-tabs-wrapper),#print.slider-linecolor-8 .module-detail-view .form-preview .form-tabspaved-wrapper+div:not(.form-tabs-wrapper) {
    border-color: #333!important
}

#print.slider-linecolor-8 .form-tabs .tabs-content .before-border-div {
    border-color: #333
}

.slider-linecolor-9 .detail-block {
    border-color: #191919
}

.slider-linecolor-9 .wform-post-info .item {
    border-color: #191919
}

.slider-linecolor-9 .form-preview .form-border-view {
    border-color: #191919!important
}

.slider-linecolor-9 .form-preview .form-layout {
    border-color: #191919
}

#print.slider-linecolor-9 .form-preview .form-view .form-databox-head {
    border-color: #191919
}

.slider-linecolor-9 .form-view .form-databox table>tbody>tr>th {
    border-color: #191919
}

.slider-linecolor-9 .table-bordered>thead>tr>th,.slider-linecolor-9 .table-bordered>tbody>tr>th,.slider-linecolor-9 .table-bordered>tfoot>tr>th,.slider-linecolor-9 .table-bordered>thead>tr>td,.slider-linecolor-9 .table-bordered>tbody>tr>td,.slider-linecolor-9 .table-bordered>tfoot>tr>td {
    border-color: #191919!important
}

#print.slider-linecolor-9 .form-preview .field {
    border-color: #191919!important
}

#print.slider-linecolor-9 .module-detail-view .form-preview .field:not(.form-databox-wrap):not(.form-tablelayout-wrap) {
    border-color: #191919!important
}

.slider-linecolor-9 .field .field-position {
    border-color: #191919
}

.slider-linecolor-9 .form-view .column-layout .cell {
    border-color: #191919
}

#print.slider-linecolor-9 .form-preview .form-view .form-databox table,#print.slider-linecolor-9 .form-tablelayout table {
    border-color: #191919!important
}

#print.slider-linecolor-9 .form-view .column-layout {
    border-color: #191919
}

#print.slider-linecolor-9 .detail-tab {
    border-color: #191919
}

#print.slider-linecolor-9 .print-comment-panel .comment-item:after,#print.slider-linecolor-9 .comment-wrapper .comment-item:after {
    border-color: #191919
}

#print.slider-linecolor-9 .readinfo-box:after,#print.slider-linecolor-9 .stream-box:after {
    border-color: #191919
}

#print.slider-linecolor-9 .form-preview .vertical-table {
    border-color: #191919
}

#print.slider-linecolor-9 .form-preview .vertical-table>.line {
    border-color: #191919
}

#print.slider-linecolor-9 .form-preview .vertical-table>.line:before {
    border-color: #191919
}

#print.slider-linecolor-9 .form-preview .vertical-table>.content {
    border-color: #191919
}

#print.slider-linecolor-9 .form-view .field .relevance-card .item {
    border-color: #191919
}

#print.slider-linecolor-9 .form-view .relevance-card .item>.title {
    border-color: #191919
}

#print.slider-linecolor-9 .detail-block>.block-head {
    border-color: #191919
}

#print.slider-linecolor-9 .wform-submit-history .history-div table {
    border-color: #191919
}

#print.slider-linecolor-9 .entity-info .control-group {
    border-color: #191919
}

#print.slider-linecolor-9 .wform-title .sernum-box:before {
    background: #191919
}

#print.slider-linecolor-9 .form-tabs-wrapper {
    border-color: #191919
}

#print.slider-linecolor-9 .form-view>div.form-tabs-wrapper:first-child {
    border-color: #191919
}

#print.slider-linecolor-9 .form-tabs .tabs-head ul>li:first-child,#print.slider-linecolor-9 .form-tabs .tabs-head ul>li:only-child {
    border-color: #191919
}

#print.slider-linecolor-9 .form-tabs .tabs-head ul>li {
    border-color: #191919
}

#print.slider-linecolor-9 .form-tabs .tabs-content {
    border-color: #191919
}

#print.slider-linecolor-9 .form-tabs-paved .paved-head {
    border-color: #191919
}

#print.slider-linecolor-9 .form-tabs-paved>.paved-head:first-child {
    border-color: #191919
}

#print.slider-linecolor-9 .form-tabs .tabs-content .border-div {
    border-color: #191919
}

#print.slider-linecolor-9 .form-tabs-paved .paved-content {
    border-color: #191919
}

#print.slider-linecolor-9 .form-tabspaved-wrapper .form-tabs .tabs-head-block {
    border-color: #191919
}

#print.slider-linecolor-9 .module-detail-view .form-preview .form-tabspaved-wrapper+.field:not(.form-tabs-wrapper),#print.slider-linecolor-9 .module-detail-view .form-preview .form-tabspaved-wrapper+div:not(.form-tabs-wrapper) {
    border-color: #191919!important
}

#print.slider-linecolor-9 .form-tabs .tabs-content .before-border-div {
    border-color: #191919
}

.slider-linecolor-10 .detail-block {
    border-color: #000
}

.slider-linecolor-10 .wform-post-info .item {
    border-color: #000
}

.slider-linecolor-10 .form-preview .form-border-view {
    border-color: #000!important
}

.slider-linecolor-10 .form-preview .form-layout {
    border-color: #000
}

#print.slider-linecolor-10 .form-preview .form-view .form-databox-head {
    border-color: #000
}

.slider-linecolor-10 .form-view .form-databox table>tbody>tr>th {
    border-color: #000
}

.slider-linecolor-10 .table-bordered>thead>tr>th,.slider-linecolor-10 .table-bordered>tbody>tr>th,.slider-linecolor-10 .table-bordered>tfoot>tr>th,.slider-linecolor-10 .table-bordered>thead>tr>td,.slider-linecolor-10 .table-bordered>tbody>tr>td,.slider-linecolor-10 .table-bordered>tfoot>tr>td {
    border-color: #000!important
}

#print.slider-linecolor-10 .form-preview .field {
    border-color: #000!important
}

#print.slider-linecolor-10 .module-detail-view .form-preview .field:not(.form-databox-wrap):not(.form-tablelayout-wrap) {
    border-color: #000!important
}

.slider-linecolor-10 .field .field-position {
    border-color: #000
}

.slider-linecolor-10 .form-view .column-layout .cell {
    border-color: #000
}

#print.slider-linecolor-10 .form-preview .form-view .form-databox table,#print.slider-linecolor-10 .form-tablelayout table {
    border-color: #000!important
}

#print.slider-linecolor-10 .form-view .column-layout {
    border-color: #000
}

#print.slider-linecolor-10 .detail-tab {
    border-color: #000
}

#print.slider-linecolor-10 .print-comment-panel .comment-item:after,#print.slider-linecolor-10 .comment-wrapper .comment-item:after {
    border-color: #000
}

#print.slider-linecolor-10 .readinfo-box:after,#print.slider-linecolor-10 .stream-box:after {
    border-color: #000
}

#print.slider-linecolor-10 .form-preview .vertical-table {
    border-color: #000
}

#print.slider-linecolor-10 .form-preview .vertical-table>.line {
    border-color: #000
}

#print.slider-linecolor-10 .form-preview .vertical-table>.line:before {
    border-color: #000
}

#print.slider-linecolor-10 .form-preview .vertical-table>.content {
    border-color: #000
}

#print.slider-linecolor-10 .form-view .field .relevance-card .item {
    border-color: #000
}

#print.slider-linecolor-10 .form-view .relevance-card .item>.title {
    border-color: #000
}

#print.slider-linecolor-10 .detail-block>.block-head {
    border-color: #000
}

#print.slider-linecolor-10 .wform-submit-history .history-div table {
    border-color: #000
}

#print.slider-linecolor-10 .entity-info .control-group {
    border-color: #000
}

#print.slider-linecolor-10 .wform-title .sernum-box:before {
    background: #000
}

#print.slider-linecolor-10 .form-tabs-wrapper {
    border-color: #000
}

#print.slider-linecolor-10 .form-view>div.form-tabs-wrapper:first-child {
    border-color: #000
}

#print.slider-linecolor-10 .form-tabs .tabs-head ul>li:first-child,#print.slider-linecolor-10 .form-tabs .tabs-head ul>li:only-child {
    border-color: #000
}

#print.slider-linecolor-10 .form-tabs .tabs-head ul>li {
    border-color: #000
}

#print.slider-linecolor-10 .form-tabs .tabs-content {
    border-color: #000
}

#print.slider-linecolor-10 .form-tabs-paved .paved-head {
    border-color: #000
}

#print.slider-linecolor-10 .form-tabs-paved>.paved-head:first-child {
    border-color: #000
}

#print.slider-linecolor-10 .form-tabs .tabs-content .border-div {
    border-color: #000
}

#print.slider-linecolor-10 .form-tabs-paved .paved-content {
    border-color: #000
}

#print.slider-linecolor-10 .form-tabspaved-wrapper .form-tabs .tabs-head-block {
    border-color: #000
}

#print.slider-linecolor-10 .module-detail-view .form-preview .form-tabspaved-wrapper+.field:not(.form-tabs-wrapper),#print.slider-linecolor-10 .module-detail-view .form-preview .form-tabspaved-wrapper+div:not(.form-tabs-wrapper) {
    border-color: #000!important
}

#print.slider-linecolor-10 .form-tabs .tabs-content .before-border-div {
    border-color: #000
}

.slider-linecolor-10 .form-view .column-layout .cell {
    border-color: #000
}

#print .field .field-position-nobd {
    border: 0
}

#print .form-view .form-databox-wrap .input-instead {
    padding: 7px 0 5px
}

/*!* 以下样式请放置在最后!! *!*/
@media print {
    body.print-page {
        min-width: 1000px;
        overflow: hidden!important;
        background: #fff
    }

    .print-template-page #print {
        padding-top: 15px
    }

    ul,img {
        page-break-inside: avoid
    }

    @page {
        margin: 1cm
    }

    .comment-item {
        page-break-after: avoid
    }

    #print-toolbar {
        display: none
    }

    #print {
        padding-top: 0
    }

    .print-flowstatus {
        top: 15px
    }

    #print .form-view .form-databox {
        overflow: hidden
    }

    #print .form-view .field .relevance-card .item {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    #print .form-view .form-databox-head,#print .form-view .form-databox-head .title:empty,#print .form-view .form-databox-head .opt-print,#print .form-view .form-databox-head .opt-columns-print,#print .print-divhide-content .flow-close,#print .print-divhide-content:hover>.border,#print .detail-block-slideup,#print .detail-block-more,#print .print-divhide-content:hover>.flow-close {
        display: none!important
    }

    #print .wform-title .sernum-span,#print .form-view .field .employee-item a,#print .form-view .field .file-item a,#print .form-view .field .relevance-card .item *,#print .comment-wrapper .comment-item .comment-cal,#print .comment-wrapper .comment-item .hd a {
        color: #555
    }

    #print .form-view .relevance-card .item .line {
        page-break-inside: avoid
    }

    #print .detail-tab-equal4>ul>li:not(.active) {
        display: none
    }

    #print .print-devider,#print .print-devider-table-triggers {
        opacity: 0
    }

    #print.print-linecolor .print-page-line {
        border-bottom: 1px solid #e5e5e5
    }

    #print.slider-borderwidth-2 .print-page-line {
        border-bottom: 2px solid #e5e5e5
    }

    #print.slider-borderwidth-3 .print-page-line {
        border-bottom: 3px solid #e5e5e5
    }

    #print.slider-borderwidth-4 .print-page-line {
        border-bottom: 4px solid #e5e5e5
    }

    #print.slider-borderwidth-5 .print-page-line {
        border-bottom: 5px solid #e5e5e5
    }

    #print.slider-borderwidth-6 .print-page-line {
        border-bottom: 6px solid #e5e5e5
    }

    #print.slider-linecolor-2 .print-page-line {
        border-bottom-color: #ccc
    }

    #print.slider-linecolor-3 .print-page-line {
        border-bottom-color: #b2b2b2
    }

    #print.slider-linecolor-4 .print-page-line {
        border-bottom-color: #999
    }

    #print.slider-linecolor-5 .print-page-line {
        border-bottom-color: #7f7f7f
    }

    #print.slider-linecolor-6 .print-page-line {
        border-bottom-color: #666
    }

    #print.slider-linecolor-7 .print-page-line {
        border-bottom-color: #4c4c4c
    }

    #print.slider-linecolor-8 .print-page-line {
        border-bottom-color: #333
    }

    #print.slider-linecolor-9 .print-page-line {
        border-bottom-color: #191919
    }

    #print.slider-linecolor-10 .print-page-line {
        border-bottom-color: #000
    }

    #print .form-tabs-wrapper {
        border: 0;
        padding: 0;
        border-color: red
    }

    #print .form-tabs .tabs-head .head-opt {
        display: none
    }

    #print .form-preview .form-tabsnohd-wrapper .form-tabs .tabs-head {
        min-height: 0
    }

    #print .form-tabspaved-wrapper .form-tabs .tabs-head-block {
        display: none
    }

    #print .task-container .form-tabs-wrapper,#print .reports-content .form-tabs-wrapper {
        padding: 10px;
        border-style: solid;
        border-width: 0 1px 1px 1px;
        border-color: #ddd
    }

    #print.page-divider-print .task-container .form-tabspaved-wrapper+.form-tabs-wrapper,#print.page-divider-print .report-content .form-tabspaved-wrapper+.form-tabs-wrapper {
        border-top-width: 0
    }

    #print .task-container .form-tabspaved-wrapper,#print .reports-content .form-tabspaved-wrapper {
        padding: 0;
        border: 0
    }

    #print .form-tabs-wrapper+div,#print div+.form-tabs-wrapper {
        margin-top: 13px
    }

    #print.page-divider-print .module-detail-view .form-preview .form-tabs-wrapper+.field:not(.form-tabs-wrapper),#print.page-divider-print .module-detail-view .form-preview .form-tabs-wrapper+.form-layout {
        border-top: 1px solid #eaeaea!important
    }

    #print.page-divider-print.slider-borderwidth-2 .module-detail-view .form-preview .form-tabs-wrapper+.field:not(.form-tabs-wrapper),#print.page-divider-print.slider-borderwidth-2 .form-preview .form-tabs-wrapper+.form-layout {
        border-top-width: 2px!important
    }

    #print.page-divider-print.slider-borderwidth-3 .module-detail-view .form-preview .form-tabs-wrapper+.field:not(.form-tabs-wrapper),#print.page-divider-print.slider-borderwidth-3 .form-preview .form-tabs-wrapper+.form-layout {
        border-top-width: 3px!important
    }

    #print.page-divider-print.slider-borderwidth-4 .module-detail-view .form-preview .form-tabs-wrapper+.field:not(.form-tabs-wrapper),#print.page-divider-print.slider-borderwidth-2 .form-preview .form-tabs-wrapper+.form-layout {
        border-top-width: 4px!important
    }

    #print.page-divider-print.slider-borderwidth-5 .module-detail-view .form-preview .form-tabs-wrapper+.field:not(.form-tabs-wrapper),#print.page-divider-print.slider-borderwidth-5 .form-preview .form-tabs-wrapper+.form-layout {
        border-top-width: 5px!important
    }

    #print.page-divider-print.slider-borderwidth-6 .module-detail-view .form-preview .form-tabs-wrapper+.field:not(.form-tabs-wrapper),#print.page-divider-print.slider-borderwidth-6 .form-preview .form-tabs-wrapper+.form-layout {
        border-top-width: 6px!important
    }

    #print.page-divider-print.slider-linecolor-2 .module-detail-view .form-preview .form-tabs-wrapper+.field:not(.form-tabs-wrapper),#print.page-divider-print.slider-linecolor-2 .form-preview .form-tabs-wrapper+.form-layout {
        border-color: #ccc!important
    }

    #print.page-divider-print.slider-linecolor-3 .module-detail-view .form-preview .form-tabs-wrapper+.field:not(.form-tabs-wrapper),#print.page-divider-print.slider-linecolor-3 .form-preview .form-tabs-wrapper+.form-layout {
        border-color: #b2b2b2!important
    }

    #print.page-divider-print.slider-linecolor-4 .module-detail-view .form-preview .form-tabs-wrapper+.field:not(.form-tabs-wrapper),#print.page-divider-print.slider-linecolor-4 .form-preview .form-tabs-wrapper+.form-layout {
        border-color: #999!important
    }

    #print.page-divider-print.slider-linecolor-5 .module-detail-view .form-preview .form-tabs-wrapper+.field:not(.form-tabs-wrapper),#print.page-divider-print.slider-linecolor-5 .form-preview .form-tabs-wrapper+.form-layout {
        border-color: #7f7f7f!important
    }

    #print.page-divider-print.slider-linecolor-6 .module-detail-view .form-preview .form-tabs-wrapper+.field:not(.form-tabs-wrapper),#print.page-divider-print.slider-linecolor-6 .form-preview .form-tabs-wrapper+.form-layout {
        border-color: #666!important
    }

    #print.page-divider-print.slider-linecolor-7 .module-detail-view .form-preview .form-tabs-wrapper+.field:not(.form-tabs-wrapper),#print.page-divider-print.slider-linecolor-7 .form-preview .form-tabs-wrapper+.form-layout {
        border-color: #4c4c4c!important
    }

    #print.page-divider-print.slider-linecolor-8 .module-detail-view .form-preview .form-tabs-wrapper+.field:not(.form-tabs-wrapper),#print.page-divider-print.slider-linecolor-8 .form-preview .form-tabs-wrapper+.form-layout {
        border-color: #333!important
    }

    #print.page-divider-print.slider-linecolor-9 .module-detail-view .form-preview .form-tabs-wrapper+.field:not(.form-tabs-wrapper),#print.page-divider-print.slider-linecolor-9 .form-preview .form-tabs-wrapper+.form-layout {
        border-color: #191919!important
    }

    #print.page-divider-print.slider-linecolor-10 .module-detail-view .form-preview .form-tabs-wrapper+.field:not(.form-tabs-wrapper),#print.page-divider-print.slider-linecolor-10 .form-preview .form-tabs-wrapper+.form-layout {
        border-color: #000!important
    }

    #print .form-senior-preview .widget-control-excel {
        overflow: hidden
    }
}

@media print and (color) {
    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact
    }
}

body[e-lang="en"].print-page .print-fontsize-slider .eui-slider {
    width: 80px
}

body[e-lang="en"].print-page .print-linecolor-slider .eui-slider {
    width: 80px
}

#print .module-detail-view .form-preview.form-senior-preview .field:not(.form-databox-wrap):not(.form-tablelayout-wrap) {
    border: none!important
}

#print .excel-body-table .form-data {
    border: 0
}

#print .module-detail-view .form-preview.form-senior-preview .form-databox-head {
    border-top-width: 1px
}

#print .form-preview .excel-body-table {
    position: relative;
    z-index: 102
}

#print .form-senior-preview .form-view .field .img-wedget .img-item {
    width: 60%
}

.atme-container {
    padding-top: 25px
}

.atme-transition {
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px)
}

.atme-transition-open {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px)
}

.atselector-suggestion {
    position: absolute;
    z-index: 100;
    height: auto;
    overflow: hidden;
    width: 200px;
    display: block;
    background-color: #fff;
    font-size: 12px
}

.atselector-border-dropdown,.panel.atselector-border-dropdown {
    border: 1px solid #d5d5d5;
    background-color: #fff;
    box-shadow: 0 0 5px 1px rgba(120,120,120,0.4);
    -moz-box-shadow: 0 0 5px 1px rgba(120,120,120,0.4);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    margin-bottom: 0
}

.atselector-container {
    z-index: -2000;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    visibility: hidden;
    word-break: break-all;
    word-wrap: break-word
}

.atselector-container span.j_position {
    height: 24px;
    width: 30px;
    padding: 4px 10px;
    position: absolute;
    display: inline-block
}

.atselector-tab {
    height: 34px;
    line-height: 34px;
    border-bottom: 1px solid #e1e1e1
}

.atselector-tab .tab-item {
    display: inline-block;
    float: left;
    width: 33.33%;
    text-align: center
}

.atselector-tab .tab-item>a {
    padding: 0 7px;
    border-bottom: 2px solid transparent;
    color: #666;
    display: inline-block;
    text-decoration: none;
    line-height: 20px;
    margin: 8px 0 0;
    vertical-align: top
}

.atselector-tab .tab-item:hover>a {
    color: #2dc3e8
}

.atselector-tab .tab-item.active>a {
    border-bottom: 2px solid #2dc3e8;
    color: #2dc3e8;
    font-weight: bold
}

.atselector-search {
    position: relative;
    background-color: #ededed;
    padding: 6px 8px
}

.atselector-search i {
    position: absolute;
    color: #999;
    top: 11px;
    left: 21px;
    font-size: 1px
}

.atselector-search input {
    border-radius: 3px;
    font-size: 12px;
    width: 100%;
    height: 24px;
    line-height: 22px;
    border-color: transparent;
    padding: 0 10px 0 30px;
    box-shadow: none
}

.atselector-search input:focus {
    border: 1px solid #66afe9
}

.atselector-search input::-webkit-input-placeholder {
    color: #dedede
}

.atselector-search input:-moz-placeholder {
    color: #dedede
}

.atselector-search input::-moz-placeholder {
    color: #dedede
}

.atselector-search input:-ms-input-placeholder {
    color: #dedede
}

.atselector-list.hide {
    diaplay: none
}

.atselector-list p {
    line-height: 24px;
    width: 200px;
    margin: 0;
    padding: 4px 15px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative
}

.atselector-list p.department>span {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.atselector-list p>.sys-public-mark {
    top: 4px;
    right: 15px
}

.atselector-suggestion .employee img,.atselector-suggestion .group img {
    height: 24px;
    width: 24px;
    margin-right: 8px;
    border-radius: 50%;
    vertical-align: -8px
}

.atselector-list p:hover,.atselector-list p.active {
    color: #fff;
    background: #2dc3e8;
    cursor: pointer
}

.atselector-list p:hover>* {
    color: #fff
}

.atselector-list p.all-user {
    color: #2dc3e8
}

.atselector-list p.all-user span {
    display: inline-block;
    vertical-align: middle
}

.atselector-list .j_buttom-list .at-bottom-boder {
    border-top: 1px solid #ededed;
    width: 90%;
    position: relative;
    margin: 1px auto 0 auto
}

.atselector-list p.all-user a {
    color: #2dc3e8
}

.atselector-list p.all-user:hover,.atselector-list p.all-user.active {
    color: #fff;
    background: #2dc3e8;
    cursor: pointer
}

.atselector-list p.all-user .target-people {
    width: 25px;
    vertical-align: middle;
    height: 25px;
    background: url(/static/img/global/at-group.png) no-repeat;
    background-size: 50px 25px;
    display: inline-block;
    margin-right: 7px
}

.atselector-list p.all-user:hover .target-people {
    background-position: -25px 0
}

.hr-stuff-stat-item {
    color: #696460;
    font-size: 15px
}

.hr-stuff-stat-item.active>a {
    color: #fb6e52;
    font-weight: bold
}

.hr-staff-manage table,.hr-contract-manage table {
    background: #fff
}

.hr-staff-manage table .sn,.hr-contract-manage table .sn {
    width: 48px;
    text-align: center
}

.hr-info-cards-wrapper {
    padding: 20px
}

.hr-info-card {
    width: 50%;
    padding: 0 10px 20px;
    float: left
}

.hr-info-card .info-body {
    position: relative;
    padding: 10px 36px 6px 36px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #e5e5e5;
    -webkit-transition: all .15s linear;
    transition: all .15s linear
}

.hr-info-card .info-body .info-edit-handler {
    position: absolute;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    top: 5px;
    right: 5px;
    color: #999
}

.hr-info-card .info-body .info-options-handler {
    position: absolute;
    top: 0;
    right: 0
}

.hr-info-card .info-body .info-options-handler>a {
    display: block;
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    color: #666;
    border-left: 1px solid rgba(0,0,0,0)
}

.hr-info-card .info-body .info-options-handler>a>i {
    display: inline-block;
    -webkit-transform: rotate(90deg) translateX(2px);
    -ms-transform: rotate(90deg) translateX(2px);
    transform: rotate(90deg) translateX(2px);
    color: #999
}

.hr-info-card .info-body .info-options-handler:hover>a {
    color: #333;
    border-color: #d5d5d5;
    background: #fff;
    position: relative;
    z-index: 101
}

.hr-info-card .info-body .info-edit-handler:hover {
    color: #666
}

.hr-info-card .info-body .info-options-handler .dropdown-menu {
    border-right-width: 0
}

.hr-info-card .info-body .info-line {
    height: 28px;
    line-height: 28px;
    font-size: 12px
}

.hr-info-card .info-body .info-line label {
    margin: 0 5px 0 0;
    color: #999;
    float: left
}

.hr-info-card .info-body .info-line .content {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666
}

.hr-info-card .info-body .info-beauty {
    position: absolute;
    top: 0;
    left: 0;
    width: 19px;
    bottom: 0;
    text-align: center;
    color: #fff;
    background: url(/static/img/hr/contarct_card_bg.png) top left #fff;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.hr-info-card .info-body .info-beauty i {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    margin-top: -10px;
    font-size: 12px;
    font-style: normal
}

.hr-info-card:hover .info-body {
    color: #00bfeb;
    box-shadow: 0 6px 15px rgba(0,0,0,0.125);
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px)
}

.hr-info-add .info-body {
    text-align: center;
    color: #999;
    font-size: 16px;
    padding: 0;
    cursor: pointer
}

.hr-info-add .info-body .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.hr-info-add i {
    display: block;
    margin: 0 auto 8px;
    line-height: 40px;
    font-size: 30px;
    height: 40px;
    width: 40px;
    color: #fff;
    border-radius: 50%;
    background: #e7e7e7;
    -webkit-transition: all .15s linear;
    -ms-transition: all .15s linear;
    transition: all .15s linear
}

.hr-info-add:hover i {
    background: #00bfeb
}

.hr-info-cards-wrapper.horizontal .hr-info-card {
    width: 100%;
    float: none
}

.hr-info-cards-wrapper.horizontal .hr-info-card .info-body {
    padding-top: 18px;
    padding-bottom: 12px
}

.hr-info-cards-wrapper.horizontal .hr-info-card .info-body .info-master {
    font-size: 14px;
    font-weight: bold;
    color: #666;
    margin-bottom: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.hr-info-cards-wrapper.horizontal .hr-info-card .info-body .info-line {
    padding-left: 0
}

.hr-info-cards-wrapper.horizontal .hr-info-add .info-body {
    padding: 15px
}

.hr-info-cards-wrapper.horizontal .hr-info-add .info-body .inner {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.hr-info-cards-wrapper.horizontal .hr-info-add i {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    height: 24px;
    width: 24px;
    line-height: 24px;
    font-size: 20px
}

.hr-info-cards-wrapper.horizontal .hr-info-add p {
    display: inline-block;
    vertical-align: middle
}

.hrcontract-info-view .hr-info-card .info-body {
    min-height: 158px
}

.education-experience-view .hr-info-card .info-body {
    min-height: 186px
}

.hr-contract-detail-infos .info-item:not(:first-child) dd {
    margin-left: 62px
}

.hr-contract-detail .probation-endtime .controls {
    margin-left: 116px
}

.hr-contract-detail .detail-infos .info-item dd {
    margin-left: 65px
}

.hr-contract-detail .t-height {
    overflow: hidden;
    width: auto;
    height: 500px
}

.hr-userinfo-table-view .sort-location {
    display: none!important
}

.hr-view .hr-form-error:after {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #ff6969;
    border-style: solid;
    border-width: 6px;
    content: "";
    height: 0;
    left: 15px;
    position: absolute;
    top: -11px
}

.hr-view .hr-form-error {
    background: none repeat scroll 0 0 #ff6969;
    border-radius: 4px;
    bottom: -11px;
    color: #fff;
    display: none;
    font-size: 11px;
    opacity: .8;
    padding: 0 3px;
    position: absolute;
    z-index: 50;
    left: 120px
}

.hr-seniorsch-view {
    display: none;
    background: #f7f7f7;
    min-height: 40px;
    padding: 20px 20px 0;
    border-top: 1px solid #d5d5d5;
    margin-top: 10px;
    margin: 10px -20px -10px
}

.hr-seniorsch-view .view-up-btn {
    text-align: center;
    cursor: pointer;
    margin-top: 5px;
    line-height: 24px;
    border-top: 1px solid #e6e6e6;
    background: #fafafa;
    margin: 0 -20px
}

.hr-seniorsch-view .view-up-btn:hover {
    background: #ddd
}

.hr-filter-rows .control-group {
    margin-bottom: 10px
}

.hr-filter-rows .control-group .control-label {
    width: 140px;
    padding-top: 0;
    line-height: 30px;
    text-align: right
}

.hr-filter-rows .control-group .control-label select {
    width: auto;
    float: left
}

.hr-filter-rows .control-group .controls {
    margin-left: 120px
}

.hr-filter-rows .control-group .controls>* {
    margin-right: 10px
}

.hr-filter-rows .control-group a.destroy {
    display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 1px solid #ccc;
    color: #666;
    text-align: center;
    text-decoration: none
}

.hr-filter-rows .control-group a.destroy:hover {
    color: #2dc3e8;
    border-color: #2dc3e8
}

.hr-filter-rows .control-group a.destroy a+a {
    margin-left: 5px
}

.hr-filter-rows .control-group a.destroy i {
    line-height: 26px
}

.remind-contract-set-view .list-item input.earlytime {
    width: 25px;
    height: 25px;
    padding: 2px;
    text-align: center;
    margin: 0 5px
}

.remind-contract-set-view .swicth-set-list .list-item>* {
    display: inline-block
}

.remind-contract-set-view .swicth-set-list .list-item>.remindTime {
    margin: 0 5px
}

.remind-contract-set-view .tray-tips {
    width: 33.3333%;
    padding-left: 20px
}

.remind-contract-set-view .set-list-col1 {
    min-width: 150px;
    max-width: 250px
}

.remind-contract-set-view .set-list-col2 {
    min-width: 55px;
    max-width: 60px
}

.remind-contract-set-view .set-list-col3 {
    min-width: 230px;
    max-width: 280px
}

.hr-propsettings-view .view-menu {
    width: 180px;
    background: #eee;
    border-right: 1px solid #d5d5d5
}

.hr-propsettings-view .view-menu .nav>li>a {
    color: #666
}

.hr-propsettings-view .view-menu .nav>li.active>a {
    background: #fff;
    margin-right: -1px;
    font-weight: bold
}

.hr-propsettings-view .view-menu .nav>li:not(:last-child) {
    border-bottom: 1px solid #d5d5d5
}

.hr-propsettings-view .view-main .table td {
    vertical-align: middle!important
}

.hr-propsettings-view .view-main .table .title {
    position: relative;
    padding-left: 40px
}

.hr-propsettings-view .view-main .table .title input {
    width: 100%
}

.hr-propsettings-view .view-main .table .sn {
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    background: #eee;
    margin-right: 10px;
    border-radius: 3px;
    position: absolute;
    left: 0
}

.hr-propsettings-view .view-main .table .check,.hr-propsettings-view .view-main .table .dele {
    width: 60px;
    text-align: center
}

.hr-propsettings-view.layout-hastips>.table-tray>.tray-tips {
    width: 30%
}

@media(min-width: 1600px) {
    .hr-propsettings-view.layout-hastips>.table-tray>.tray-tips {
        width:32%
    }
}

.hr-userinfo-wrapper .mCSB_container {
    padding-bottom: 260px
}

.entitybox.modal .confirm-pop,.confirm-pop {
    position: absolute;
    top: 35px;
    z-index: 100000;
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
    box-shadow: 0 3px 7px rgba(0,0,0,0.3);
    background-color: #fff;
    width: 300px;
    min-height: auto
}

.confirm-pop .modal-body .control-group {
    margin: 0
}

.entitybox.modal .confirm-pop .modal-body,.confirm-pop .modal-body {
    padding: 15px;
    max-height: 430px
}

.approvers-container>li>div {
    min-height: 46px;
    line-height: 46px;
    padding: 0 15px
}

.approvers-container .line-title {
    background-color: #f2f2f2;
    color: #9b9b9b;
    min-height: 44px;
    padding: 15px 15px 0 15px;
    line-height: 20px;
    font-size: 14px;
    border-bottom: 1px solid #dedede
}

.approvers-container .line-title>input {
    background-color: #f2f2f2;
    border: 0;
    color: #9b9b9b
}

.approvers-container .line-info {
    color: #333;
    position: relative;
    overflow: hidden;
    width: 100%;
    background-color: #fff
}

.approvers-container .line-info>* {
    vertical-align: top;
    font-size: 17px;
    color: #666
}

.approvers-container .line-info>span:first-child {
    color: #000
}

.approvers-container .line-info-hasicon:after {
    content: "";
    position: absolute;
    height: 8px;
    width: 8px;
    border-style: solid;
    border-color: #c7c7c7;
    border-width: 1px 1px 0 0;
    right: 12px;
    top: 50%;
    margin-top: -4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.approvers-container .line-info:before {
    position: absolute;
    content: "";
    left: 15px;
    right: 15px;
    bottom: 0;
    background-color: #efeaea;
    height: 1px
}

.approvers-container .line-info:last-child:before {
    left: 0;
    right: 0
}

.approvers-container .line-info-hasurl>span {
    position: absolute;
    left: 15px;
    top: 0
}

.approvers-container .line-info-hasurl>div {
    max-width: 100%;
    padding: 0 0 0 100px;
    display: inline-block;
    min-height: 36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: right
}

.approvers-container .line-info-hasicon>div {
    padding: 0 15px 0 100px
}

.approvers-container .line-info-hasicon>.entity-container {
    float: none;
    width: 100%;
    padding-left: 137px;
    text-align: right
}

.approvers-container .line-info-hasurl>.entity-container>span {
    margin-right: 10px
}

.approvers-container .line-info-hasurl>.entity-container>span:last-child {
    margin-right: 0
}

.approvers-container .check-span>* {
    vertical-align: middle
}

.approvers-container .check-span>input {
    margin-right: 5px
}

.approvers-container .line-info .check-span {
    margin-left: 10px;
    float: right
}

.approvers-opt>a {
    color: #22a7f0;
    font-size: 17px;
    text-align: center;
    width: 100%;
    display: inline-block;
    padding: 10px 0;
    background-color: #fff;
    margin-top: 15px
}

.approvers-opt>a.hide {
    display: none
}

.kpi-remind .controls {
    padding-top: 4px
}

.kpi-tableview table {
    text-align: center;
    table-layout: fixed
}

.kpi-tableview table>thead>tr>th {
    background: #f8f8f8;
    font-weight: bold;
    text-align: center;
    min-width: 100px;
    vertical-align: middle
}

.kpi-tableview table>tbody>tr:hover {
    cursor: pointer;
    background-color: #eee
}

.kpi-plan-tree {
    background: #fafafa;
    width: 300px;
    border-right: 1px solid #e7eaec;
    margin-bottom: 15px
}

.kpi-plan-tree .tree-tab {
    height: 46px;
    border-bottom: 1px solid #e7eaec;
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: space-around;
    justify-content: space-around;
    padding: 0 25px
}

.kpi-plan-tree .tree-tab a {
    display: inline-block;
    vertical-align: top;
    margin: 0 28px;
    line-height: 30px;
    padding: 10px 0 2px;
    border-bottom: 3px solid transparent;
    color: #999;
    text-decoration: none
}

.kpi-plan-tree .tree-tab a.active {
    color: #2dc3e8;
    border-color: #2dc3e8;
    font-weight: bold
}

.kpi-pan-creator .remind {
    border: 1px solid red
}

.kpi-cloud-template-detail .remind {
    border: 1px solid red
}

.kpi-plan-tree .tree-tab a:not(.active):hover {
    color: #666;
    font-weight: bold
}

.kpi-plan-tree .tree-list {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 20px
}

.kpi-plan-tree .mCSB_container_wrapper>.mCSB_container {
    padding-right: 0;
    padding-bottom: 0
}

.kpi-plan-tree .mCSB_container_wrapper {
    margin-bottom: 0
}

.kpi-plan-tree .tree-list .treenode {
    position: relative;
    line-height: 30px;
    min-height: 30px;
    color: #666;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap
}

.kpi-plan-tree .tree-list .treenode>* {
    vertical-align: middle
}

.kpi-plan-tree .tree-list .treenode:not(.selected):hover,.kpi-plan-tree .tree-list .treenode:not(.selected):hover .status-wrap .status {
    background: #f2f2f2
}

.kpi-plan-tree .tree-list .treenode>a {
    color: #666;
    text-decoration: none
}

.kpi-plan-tree .tree-list .selected,.kpi-plan-tree .tree-list .treenode.selected .status-wrap .status {
    background: #ebf1de
}

.kpi-plan-tree .tree-list .nodeicon {
    color: #999;
    font-size: 16px;
    cursor: pointer;
    float: left;
    line-height: inherit;
    margin: 0 5px 0 -10px
}

.kpi-plan-tree .tree-list .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px
}

.kpi-plan-tree .tree-list .treenode:hover .name {
    font-weight: bold
}

.kpi-plan-tree .tree-list .treenode.selected .name {
    font-weight: bold;
    color: #fb6e52
}

.kpi-plan-tree .tree-list .treenode .graph {
    height: 12px;
    width: 12px;
    background-position: -144px -366px;
    margin-right: 3px
}

.kpi-plan-tree .tree-list .treenode .graph-department {
    background-position: -156px -366px
}

.kpi-plan-tree .tree-list .treenode .status-wrap {
    position: absolute;
    height: 100%;
    top: 0;
    font-size: 0;
    white-space: nowrap;
    left: 150px;
    width: 149px;
    text-align: right
}

.kpi-plan-tree .tree-list .treenode .status-wrap .status {
    display: inline-block;
    padding: 5px 10px 0;
    background: #fafafa;
    height: 100%
}

.kpi-plan-tree .tree-list .treenode .status span {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    line-height: 18px;
    min-width: 20px;
    border: 1px solid #69aefb;
    text-align: center;
    border-radius: 2px;
    color: #69aefb;
    padding: 0 3px
}

.kpi-plan-tree .tree-list .treenode .status span+span {
    margin-left: 3px
}

.kpi-plan-tree .tree-list .treenode .status+.name {
    padding-right: 85px
}

.kpi-plan-table .table-list .list-item {
    line-height: 45px;
    border-bottom: 1px solid #e9e9e9
}

.kpi-plan-table .table-list .list-item {
    line-height: 45px;
    height: 45px;
    font-size: 0
}

.kpi-plan-table .table-list .list-item:hover {
    background: #f8f8f8;
    cursor: pointer
}

.kpi-plan-table .table-list .list-head .list-item {
    font-weight: bold;
    background-color: #fafafa
}

.kpi-plan-table .table-list .list-item .item-col {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    font-size: 12px;
    color: #666
}

.kpi-plan-table .table-list .list-item .sn {
    text-align: center;
    color: #999
}

.kpi-plan-table .table-list .list-item .name {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 70px
}

.kpi-plan-table .table-list .list-item .status {
    margin-left: -62px;
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 0 5px
}

.kpi-plan-table .table-list .list-item .status.status-effective {
    border-color: #64c112;
    color: #64c112
}

.kpi-plan-table .table-list .list-item .status.status-disabled {
    border-color: #fe6c55;
    color: #fe6c55
}

.kpi-plan-table .table-list .list-item .status.status-disabledVersion {
    border-color: #fe6c55;
    color: #fe6c55
}

.kpi-plan-table .table-list .list-item .item-status.status-ts {
    color: #999
}

.kpi-plan-table .table-list .list-item .item-status.status-approve {
    color: #23b7e5
}

.kpi-plan-table .table-list .list-item .item-status.status-drawback {
    color: #fe6c55
}

.kpi-plan-table .table-list .list-item .item-status.status-finished {
    color: #64c112
}

.kpi-plan-setting-view .kpi-plan-tree .tree-tab a {
    margin: 0 10px
}

.kpi-entry-listview .list-tip {
    color: #999;
    font-size: 12px;
    padding: 15px 20px
}

.kpi-entry-listview .list-wrapper {
    padding-right: 20px
}

.kpi-entry-listview .list-wrapper .list-item {
    width: 184px;
    height: 88px;
    overflow: hidden;
    font-size: 13px;
    border-radius: 5px;
    float: left;
    margin: 0 0 20px 20px;
    position: relative;
    text-align: center;
    color: #fff;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    cursor: pointer
}

.kpi-entry-listview .list-wrapper .list-item:hover {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    box-shadow: 0 9px 15px rgba(0,0,0,0.2)
}

.kpi-entry-listview .list-wrapper .list-item:not(.list-item-add):before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.3);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    z-index: 1
}

.kpi-entry-listview .list-wrapper .list-item img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}

.kpi-entry-listview .list-wrapper .list-item .txt {
    width: 100%;
    left: 0;
    top: 50%;
    position: absolute;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
    padding: 0 20px;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.kpi-entry-listview .list-wrapper .list-item:hover img {
    height: 120%;
    width: 120%;
    margin: -5%
}

.kpi-entry-listview .list-wrapper .list-item:hover:before {
    background: rgba(0,0,0,0)
}

.kpi-entry-listview .list-wrapper .list-item-add {
    background: #efefef;
    color: #999
}

.kpi-entry-listview .list-wrapper .list-item-add .add-ico {
    display: inline-block;
    height: 28px;
    width: 28px;
    text-align: center;
    line-height: 28px;
    background: #fff;
    border-radius: 50%;
    font-size: 18px;
    color: #dedede;
    margin: 18px 0 8px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1)
}

.kpi-pan-creator .base-infos .control-group .controls,.kpi-pan-detail .base-infos .control-group .controls {
    margin-left: 85px
}

.kpi-pan-creator .base-settings .control-group:nth-child(2n) {
    border-left: 1px solid #e5e5e5
}

.kpi-pan-creator .base-settings .control-group .controls .day-input {
    width: 60px;
    margin: 0 5px
}

.kpi-pan-creator .base-settings .icon-help {
    vertical-align: middle;
    color: #999
}

.kpi-pan-creator .base-settings .icon-help:hover {
    color: #666
}

.kpi-pan-creator .planflow-settings .list-item {
    border-bottom: 1px solid #e5e5e5;
    line-height: 44px;
    min-height: 45px;
    padding: 0 8px;
    position: relative
}

.kpi-pan-creator .planflow-settings .list-item:last-child {
    border: 0
}

.kpi-pan-creator .planflow-settings .list-item .entity-item-add {
    vertical-align: middle
}

.kpi-pan-creator .planflow-settings .list-item:hover {
    background: #f5f5f5
}

.kpi-pan-creator .planflow-settings .list-item .col {
    float: left;
    padding: 0 8px
}

.kpi-pan-creator .planflow-settings .list-item .num {
    width: 60px;
    margin: 0 5px
}

.kpi-pan-creator .planflow-settings .list-item .del a {
    color: #999;
    text-decoration: none
}

.kpi-pan-creator .planflow-settings .list-item .del,.kpi-pan-creator .planflow-settings .list-item .condition {
    position: absolute;
    right: 5px;
    top: 0
}

.kpi-pan-creator .planflow-settings .list-item .del {
    display: none
}

.kpi-pan-creator .planflow-settings .list-item:hover .del {
    display: block
}

.kpi-pan-creator .planflow-settings .list-item .condition {
    right: 35px
}

.kpi-pan-creator .planflow-settings .list-item .entity-item {
    line-height: 30px
}

.kpi-pan-creator .planflow-settings .list-item .entity-item a:not(.btn) {
    max-width: 80px;
    color: #999;
    font-size: 12px
}

.entitybox.modal .kpi-pan-creator .mCustomScrollbar .mCSB_container {
    padding-bottom: 280px
}

.kpi-templates-list .title .text {
    padding-right: 70px;
    display: block;
    max-width: 100%;
    float: left
}

.kpi-templates-list .title .status {
    font-size: 12px;
    margin-left: -60px;
    margin-top: 12px;
    border-radius: 2px;
    color: #e88;
    border: 1px solid #e88;
    padding: 0 8px;
    vertical-align: top;
    max-width: 60px;
    line-height: 16px;
    float: left
}

.kpi-templates-list .title .status.save {
    color: #999;
    border-color: #999
}

.kpi-templates-list .title .status.enable {
    color: #64c112;
    border-color: #64c112
}

.kpi-cloud-template-detail .base-infos .control-group .controls {
    margin-left: 88px
}

.kpi-cloud-template-detail .cover-selector .control-label {
    margin-top: 5px
}

.kpi-cloud-template-detail .cover-imgbox {
    padding: 1px;
    border: 1px solid #ddd;
    border-radius: 2px;
    display: inline-block;
    cursor: pointer
}

.kpi-cloud-template-detail .cover-imgbox:hover {
    border-color: #fb6e52
}

.kpi-cloud-template-detail .cover-imgbox img {
    height: 36px;
    width: 76px;
    border-radius: 2px
}

.kpi-score-setting-view .view-tab {
    width: 180px;
    border-right: 1px solid #eee;
    background: #fafafa
}

.kpi-score-setting-view .view-tab li a {
    color: #666;
    padding: 15px;
    border-bottom: 1px solid #ddd
}

.kpi-score-setting-view .view-tab li:last-child a {
    border: 0
}

.kpi-score-setting-view .view-tab li.active a {
    background: #fff
}

.kpi-score-setting-view .view-tab li.active a,.kpi-score-setting-view .view-tab li a:hover {
    font-weight: bold
}

.kpi-score-setting-view .view-content table {
    border-width: 0 0 1px 0
}

.kpi-score-setting-view .view-content table th,.kpi-score-setting-view .view-content table td {
    text-align: center;
    vertical-align: middle;
    height: 51px
}

.kpi-score-setting-view .view-content table tr th {
    border-top: 0;
    height: 50px;
    background: #fafafa
}

.kpi-score-setting-view .view-content table tr th:first-child,.kpi-score-setting-view .view-content table tr td:first-child {
    border-left: none
}

.kpi-score-setting-view .view-content table tr th:last-child,.kpi-score-setting-view .view-content table tr td:last-child {
    border-right: 0;
    white-space: nowrap
}

.kpi-score-setting-view.layout-hastips>.table-tray>.tray-tips {
    width: 300px
}

.kpi-detail-view .kpi-detail-sidebar {
    background: #fff;
    border-right: 1px solid #ddd;
    width: 0;
    overflow: hidden;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}

.kpi-detail-view .kpi-detail-sidebar .inner-wrapper {
    width: 271px
}

.kpi-detail-view .kpi-detail-sidebar.in {
    width: 270px
}

.kpi-detail-sidebar .search-block {
    padding: 10px 15px;
    position: relative;
    border-bottom: 1px solid #ddd
}

.kpi-detail-sidebar .search-block input {
    padding-right: 38px
}

.kpi-detail-sidebar .search-block .ico {
    position: absolute;
    color: #999;
    top: 17px;
    right: 26px
}

.kpi-detail-sidebar .search-block.search-block-fold {
    padding-right: 34px
}

.kpi-detail-sidebar .search-block.search-block-fold .ico {
    right: 44px
}

.kpi-detail-sidebar .search-block .fold-arrow {
    position: absolute;
    height: 30px;
    width: 15px;
    right: 10px;
    top: 10px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ddd;
    background: #f5f5f5;
    border-radius: 2px;
    display: none
}

.kpi-detail-sidebar .search-block.search-block-fold .fold-arrow:hover {
    background: #ded9d9
}

.kpi-detail-sidebar .search-block.search-block-fold .fold-arrow {
    display: block
}

.kpi-detail-sidebar .search-block,.kpi-detail-sidebar .search-block .fold-arrow,.kpi-detail-sidebar .search-block .ico {
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -ms-transition: all .15s linear;
    transition: all .15s linear
}

.kpi-detail-sidebar .list-block .list-item {
    color: #7f8284;
    cursor: pointer;
    font-size: 12px;
    line-height: 42px;
    padding: 0 45px 0 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px solid #ddd;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -ms-transition: all .15s linear;
    transition: all .15s linear;
    position: relative
}

.kpi-detail-sidebar .list-block .list-item:hover {
    background: #f2f2f2
}

.kpi-detail-sidebar .list-block .list-item.active {
    background: #dff3f6
}

.kpi-detail-sidebar .list-block .list-item .date-type {
    position: absolute;
    font-size: 12px;
    line-height: 18px;
    min-width: 20px;
    border: 1px solid #69aefb;
    text-align: center;
    border-radius: 2px;
    color: #69aefb;
    padding: 0 3px;
    right: 12px;
    top: 11px
}

.kpi-detail-header {
    background: #fff;
    min-height: 80px;
    padding: 15px 10px 12px 15px;
    border-bottom: 1px solid #ddd;
    position: relative
}

.kpi-detail-header .head-info .major {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 9px;
    margin-right: 300px
}

.kpi-detail-header .head-info .minor {
    color: #999
}

.kpi-detail-header .head-info .minor .item {
    display: inline-block;
    vertical-align: top;
    margin-right: 12px
}

.kpi-detail-header .head-info .name {
    display: inline-block;
    vertical-align: middle;
    max-width: 160px
}

.kpi-detail-header .head-info .name-wrap {
    display: inline
}

.kpi-detail-header .head-info .name-wrap .name-item {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100px
}

.kpi-detail-header .head-info .name-wrap .name-item a {
    color: #999
}

.kpi-detail-header .head-info .name-wrap .name-item a:hover {
    color: #5d9cec
}

.kpi-detail-header .head-actions {
    position: absolute;
    bottom: 10px;
    right: 10px
}

.kpi-detail-content {
    padding: 20px 0 0 0
}

.kpi-detail-stat table th {
    background: #f9f9f9;
    white-space: nowrap
}

.kpi-detail-stat .block-body {
    overflow: auto
}

.kpi-detail-stat table th,.kpi-detail-stat table td {
    height: 50px
}

.kpi-detail-stat .stat-info {
    line-height: 45px;
    font-size: 12px;
    color: #999;
    text-align: right;
    padding: 0 20px;
    border-top: 1px solid #ddd
}

.kpi-detail-stat .stat-info .num {
    font-size: 18px;
    color: #f0ad4e;
    margin-left: 10px
}

.kpi-detail-stat .stat-info .item {
    display: inline-block;
    vertical-align: top
}

.kpi-detail-stat .stat-info .item+.item {
    margin-left: 20px
}

.kpi-detail-modal .modal-content {
    background: #f5f5f5
}

.kpi-detail-frameview {
    background: #eee;
    margin: 20px;
    border: 1px solid #ddd
}

.kpi-detail-frameview .kpi-detail-header {
    padding-left: 20px
}

.kpi-detail-tools {
    background: #fafafa;
    box-shadow: none
}

.kpi-toolkit-md {
    padding: 0!important;
    height: 50px
}

.kpi-toolkit-md .toolkit-list.fr a:not(.detail-slide-close) {
    vertical-align: top;
    margin: 10px 5px 0 0
}

.kpi-toolkit-md .title {
    margin: 10px 0 0 20px
}

.kpi-toolkit-md .title .graph-kpi {
    background-position: -216px -84px;
    width: 36px;
    height: 36px;
    margin: 0 12px 0 0
}

.kpi-toolkit-md .detail-slide-close {
    height: 50px;
    line-height: 50px;
    padding: 0 12px;
    color: #454545;
    display: inline-block;
    text-decoration: none
}

@media(max-width: 1350px) {
    .kpi-score-setting-view.layout-hastips>.table-tray>.tray-cell {
        display:block
    }

    .kpi-score-setting-view.layout-hastips>.table-tray>.tray-tips {
        width: 100%!important;
        padding: 0;
        margin-top: 15px
    }

    .kpi-detail-view.in .head-info .major {
        margin-right: 10px
    }

    .kpi-detail-view.in .head-actions {
        position: static;
        margin: 5px 0 10px
    }
}

.kpi-scheme-table {
    table-layout: fixed
}

.kpi-scheme-table th {
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.kpi-scheme-table th.sn,.kpi-scheme-table th.weight {
    width: 75px
}

.kpi-scheme-table td.sn,.kpi-scheme-table td.weight,.kpi-scheme-table td.options {
    text-align: center
}

.kpi-optionlog-modal .toolkit-item {
    margin-bottom: 10px
}

.kpi-optionlog-modal .toolkit-list {
    height: auto;
    width: 100%;
    display: table
}

.kpi-optionlog-modal .modal-body {
    max-height: none;
    min-height: 350px;
    overflow-y: visible
}

.kpi-cloudtemp-selecor .modal-dialog {
    width: 667px
}

.kpi-cloudtemp-selecor .list-wrapper {
    margin-bottom: -20px;
    overflow: hidden
}

.kpi-flowchart-view {
    margin: 15px
}

.kpi-flow-name {
    text-align: center;
    padding: 10px 0 20px;
    color: #0069bd;
    font-size: 16px;
    font-weight: bold
}

.kpi-flowchart-graph .graph-node {
    width: 190px;
    margin: 0 auto;
    border: 1px solid #c3c3c3;
    border-radius: 2px;
    background: #fff;
    line-height: 32px;
    position: relative
}

.kpi-flowchart-graph .graph-node+.graph-node {
    margin-top: 20px
}

.kpi-flowchart-graph .graph-node:not(:last-child):before,.kpi-flowchart-graph .graph-node:not(:last-child):after {
    position: absolute;
    content: "";
    left: 50%
}

.kpi-flowchart-graph .graph-node:before {
    width: 1px;
    height: 20px;
    bottom: -20px;
    background: #c3c3c3
}

.kpi-flowchart-graph .graph-node:after {
    height: 8px;
    width: 8px;
    border-width: 0 1px 1px 0;
    border-color: #c3c3c3;
    border-style: solid;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: -4px;
    bottom: -20px
}

.kpi-flowchart-graph .graph-node .title,.kpi-flowchart-graph .graph-node .content {
    min-height: 32px;
    padding: 0 5px
}

.kpi-flowchart-graph .graph-node.node-end .content,.kpi-flowchart-graph .graph-node.node-end-no .content {
    text-align: center
}

.kpi-flowchart-graph .graph-node .title {
    text-align: center
}

.kpi-flowchart-graph .graph-node.node-kpsed,.kpi-flowchart-graph .graph-node.node-processed,.kpi-flowchart-graph .graph-node.node-kpsback,.kpi-flowchart-graph .graph-node.node-back,.kpi-flowchart-graph .graph-node.node-kpsing,.kpi-flowchart-graph .graph-node.node-processing {
    border-color: #5cb95c
}

.kpi-flowchart-graph .graph-node.node-kps,.kpi-flowchart-graph .graph-node.node-start,.kpi-flowchart-graph .graph-node.node-done {
    border-color: #c3c3c3
}

.kpi-flowchart-graph .graph-node .content {
    background: #c3c3c3;
    color: #fff
}

.kpi-flowchart-graph .graph-node .content span+span {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80px
}

.kpi-flowchart-graph .graph-node.node-kpsed .content,.kpi-flowchart-graph .graph-node.node-processed .content,.kpi-flowchart-graph .graph-node.node-kpsback .content,.kpi-flowchart-graph .graph-node.node-back .content,.kpi-flowchart-graph .graph-node.node-kpsing .content,.kpi-flowchart-graph .graph-node.node-processing .content {
    background: #5cb95c
}

.kpi-flowchart-graph .graph-node.node-kps .content,.kpi-flowchart-graph .graph-node.node-start .content,.kpi-flowchart-graph .graph-node.node-done .content {
    background: #c3c3c3
}

.kpi-flowchart-graph .graph-node.node-end {
    border-color: #24b7e5
}

.kpi-flowchart-graph .graph-node.node-end .content {
    background: #24b7e5
}

.kpi-flowchart-graph .graph-node.node-end-no {
    border-color: #c3c3c3
}

.kpi-flowchart-graph .graph-node.node-end-no .content {
    background: #c3c3c3
}

.kpi-flowchart-graph .graph-node.node-back-check {
    border-color: #ed5664
}

.kpi-flowchart-graph .graph-node.node-back-check .content {
    background: #ed5664
}

.kpi-kpi-reportExport-ul {
    width: 100%;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    display: block;
    overflow: hidden
}

.kpi-reportExport-ul label {
    margin-bottom: 0
}

.kpi-reportExport-ul li {
    min-height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e3e3e3;
    padding: 0 15px
}

.kpi-reportExport-ul li:hover {
    background: #f0f0f0
}

.kpi-reportExport-ul li .item {
    float: left
}

.kpi-reportExport-ul li .item>* {
    display: block;
    float: left
}

.kpi-reportExport-ul li .item>input[type="checkbox"] {
    margin: 13px 0 0 0
}

.kpi-reportExport-ul .item>span {
    margin: 0 0 0 15px
}

.kpi-reportExport-ul .item>.number {
    color: #666
}

.kpi-reportExport-ul li:last-child {
    border-bottom: 0
}

.kpi-reportExport-ul .item.principal {
    width: 40%
}

.kpi-reportExport-ul .item.participant {
    width: 30%
}

.kpi-reportExport-ul .item.share {
    width: 20%;
    float: right
}

.kpi-reportExport-ul .item.share button {
    padding: 5px 15px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    height: 30px;
    border: 0;
    color: #fff;
    background: #18aedb
}

.kpi-reportExport-ul .item.share button:hover {
    background: #1597c5
}

.kpi-reportExport-tab .notes {
    padding: 0 10px 15px;
    display: inline-block;
    color: #c1c1c1;
    font-style: italic;
    font-size: 12px;
    font-weight: normal
}

.kpi-reportExport-tab {
    color: #999;
    font-weight: bold
}

.kpi-reportExportcopy-view-bg {
    background-color: #FFF;
    z-index: 999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute
}

@CHARSET "UTF-8";.salarybill-view {
    left: 0
}

.salarybill-body {
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    margin: 0 20px 20px;
    position: relative
}

.salarybill-main .steps-content {
    padding: 30px 50px;
    overflow: hidden;
    margin: 30px auto 0 auto;
    max-width: 762px
}

.salarybill-main .steps-content:before {
    content: "";
    height: 7px;
    display: block;
    width: 100%;
    background: #fff;
    margin-top: 9px;
    border: 1px solid #e9e9e9
}

.salarybill-main .steps-content ul {
    text-align: center;
    margin-top: -16px;
    font-size: 0
}

.salarybill-main .steps-content ul li {
    display: inline-block;
    width: 140px;
    position: relative;
    cursor: pointer
}

.salarybill-main .steps-content ul li span {
    display: inline-block;
    height: 25px;
    width: 25px;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 50%;
    line-height: 23px;
    font-size: 16px;
    color: #999
}

.salarybill-main .steps-content ul li.active:before {
    content: "";
    position: absolute;
    height: 5px;
    width: 100%;
    top: 10px;
    left: 0;
    background: #23b7e5
}

.salarybill-main .steps-content ul li.active span {
    background: #23b7e5;
    border-color: #fff;
    color: #fff;
    position: relative;
    z-index: 1
}

.salarybill-main .steps-content ul li label {
    position: absolute;
    top: -28px;
    font-size: 14px;
    left: 0;
    width: 100%;
    display: inline-block;
    font-weight: normal;
    color: #999
}

.salarybill-main .steps-content ul li.active label {
    color: #23b7e5
}

.salarybill-main .info-content>div {
    padding-left: 20px;
    padding-right: 20px
}

.salarybill-main .data-box>.config {
    margin: 10px 0;
    width: 100%;
    overflow: hidden;
    line-height: 30px
}

.salarybill-main .data-box>.tips {
    color: #999;
    font-size: 12px;
    margin-bottom: 10px
}

.salarybill-main .config>.details {
    margin-left: 10px
}

.salarybill-main .config>.details label {
    margin: 0 5px 0 0;
    font-weight: normal;
    color: #646464;
    font-size: 12px
}

.salarybill-main .config>.details>.checkbox-inline {
    margin-right: 10px
}

.salarybill-main .config>.details .emailtag {
    display: inline-block;
    margin-left: 3px
}

.salarybill-main .config>.details .emailtag.hide {
    display: none
}

.salarybill-main .config select {
    margin-right: 5px;
    font-size: 12px
}

.salarybill-main .config label {
    margin-bottom: 0
}

.salarybill-main .config>* {
    float: left
}

.salarybill-main .opt-box {
    font-size: 0;
    text-align: center;
    margin-top: 15px
}

.salarybill-main .opt-box>.btn+.btn {
    margin-left: 10px
}

.salarybill-main .txt-box {
    margin: 20px auto 0 auto;
    padding-top: 15px;
    width: 702px
}

.salarybill-main .txt-box span {
    color: #666;
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0;
    display: block
}

.salarybill-main .txt-box li {
    color: #b1b1b1;
    font-size: 12px;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: 1px
}

.salarybill-main .upload-box {
    overflow: hidden
}

.salarybill-main .upload-main {
    width: 662px;
    margin: 0 auto
}

.salarybill-main .upload-box .title {
    color: #666;
    display: block;
    margin: 0 0 10px 0
}

.salarybill-main .upload-box .left,.salarybill-main .upload-box .right {
    height: 110px;
    border: 1px dashed #d5d5d5;
    border-radius: 4px;
    float: left;
    width: 321px
}

.salarybill-main .upload-box .left {
    margin-right: 15px
}

.salarybill-main .upload-box .left>div {
    margin: 27px 0 0 0;
    text-align: center
}

.salarybill-main .upload-box .right {
    text-align: center
}

.salarybill-main .upload-box .left>div>span,.salarybill-main .upload-box .right>span {
    display: block;
    color: #999;
    font-size: 12px;
    margin: 8px 0 0 0;
    letter-spacing: 1px
}

.salarybill-main .upload-box .right>img {
    width: 37px;
    height: 43px;
    margin: 20px auto 0 auto
}

.salarybill-main .upload-box .load-progress {
    position: relative;
    padding: 0 50px;
    margin: 15px 0 0 0
}

.salarybill-main .upload-box .load-progress * {
    color: #999
}

.salarybill-main .upload-box .load-progress>div {
    margin: 0 40px 0 0
}

.salarybill-main .upload-box .load-progress>span {
    margin: 0 0 0 10px;
    position: absolute;
    display: block;
    top: 0;
    right: 50px
}

.salarybill-main .upload-box .load-progress a>span {
    color: #666;
    margin: 0 0 0 5px
}

.salarybill-main .txt-box .mCSB_container {
    padding: 0!important
}

.salarybill-main .data-box .filter>div {
    color: #666;
    font-weight: bold;
    margin: 0 0 10px 0
}

.salarybill-main .data-box .filter-input>select {
    font-size: 12px
}

.salarybill-main .data-box .filter>.filter-txt2 {
    margin: 12px 0 15px 0
}

.salarybill-main .data-box .filter>.filter-txt2>span {
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px
}

.salarybill-main .data-box .filter-input input {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.salarybill-main .data-box .filter-input label {
    margin: 0 5px 0 0
}

.salarybill-main .excel-tab .num-td {
    text-align: center!important;
    min-width: 74px;
    padding: 0 10px
}

.salarybill-main .excel-tab .num-td em {
    font-style: normal
}

.salarybill-main .excel-tab .num-td em.num {
    line-height: 36px
}

.salarybill-main .excel-tab .num-td em.label {
    display: none;
    position: relative;
    background-color: #44b5df;
    background-image: none;
    margin: 5px 10px 0 0;
    padding: 4px 0 4px 8px;
    max-width: 200px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-radius: 4px 0 0 4px;
    z-index: 1600
}

.salarybill-main .excel-tab th.num-td em.label {
    margin: -30px 10px 0 0
}

.salarybill-main .excel-tab .hr-type td,.salarybill-main .excel-tab .hr-type th {
    background: #f0eff4!important;
    white-space: nowrap;
    font-weight: 700
}

.salarybill-main .excel-tab .disabled * {
    color: #bbb;
    background: #fff;
    font-weight: normal
}

.salarybill-main .excel-tab .hr-type td.num-td em.label,.salarybill-main .excel-tab .hr-type th.num-td em.label {
    display: block;
    background-color: #44b5df!important;
    color: #fff!important
}

.salarybill-main .excel-tab .num-td em.label:after {
    content: '';
    position: absolute;
    top: 50%;
    left: auto;
    right: -26px;
    margin: 0;
    margin-top: -13px;
    border: 13px solid transparent;
    border-left-color: #44b5df;
    width: 0;
    height: 0
}

.salarybill-main .excel-tab tr:hover>* {
    background: #f5f5f5
}

.salarybill-main .excel-tab .hr-type .num-td em.num {
    display: none
}

.salarybill-main .excel-tab tr:hover .num-td em.label {
    display: block;
    background-color: #e2e2e2;
    color: #666
}

.salarybill-main .excel-tab tr:hover .num-td em.label:after {
    display: block;
    border-left-color: #e2e2e2!important
}

.salarybill-main .excel-tab .hr-type:hover .num-td em.label {
    display: block;
    background-color: #44b5df
}

.salarybill-main .excel-tab .hr-type:hover .num-td em.label:after {
    display: block;
    border-left-color: #44b5df!important
}

.salarybill-main .excel-tab tr:hover .num-td em.num {
    display: none
}

.salarybill-main .config-div,.salarybill-main .excel-div {
    border: 1px solid #ddd;
    overflow: auto;
    max-height: 297px
}

.salarybill-main .excel-tab,.salarybill-main .config-tab {
    margin: 0;
    border: 0
}

.salarybill-main .excel-tab tr:first-child>*,.salarybill-main .config-tab tr:first-child* {
    border-top: 0
}

.salarybill-main .config-tab .fields-name {
    color: #fb6e52;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 58px
}

.salarybill-main .excel-tab thead th,.salarybill-main .config-tab thead th {
    background-color: #f5f5f5
}

.salarybill-main .excel-tab td,.salarybill-main .excel-tab th,.salarybill-main .config-tab td {
    border-width: 1px 1px 0 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 167px;
    color: #666
}

.salarybill-main .excel-tab td,.salarybill-main .config-tab td {
    background: #fff
}

.salarybill-main .excel-tab tr:not(:empty) td {
    border-width: 0 1px 1px 1px;
    height: 37px
}

.salarybill-main .excel-tab tr:last-child td {
    border-bottom: 0
}

.salarybill-main .excel-tab td:first-child,.salarybill-main .excel-tab th:first-child,.salarybill-main .config-tab td:first-child,.salarybill-main .config-tab th:first-child {
    border-left: none
}

.salarybill-main .excel-tab td:last-child,.salarybill-main .excel-tab th:last-child,.salarybill-main .config-tab td:last-child,.salarybill-main .config-tab th:last-child {
    border-right: 0
}

.salarybill-main .preview-box {
    width: 650px;
    margin: 0 auto;
    overflow: hidden
}

.salarybill-main .preview-box .view-item {
    width: 305px;
    float: left;
    border-color: #e4e4e4;
    border-style: solid;
    height: 400px
}

.salarybill-main .preview-box .view-item:nth-of-type(1) {
    border-width: 1px 0 1px 1px
}

.salarybill-main .preview-box .view-item:nth-of-type(2) {
    border-width: 1px 1px 1px 1px
}

.salarybill-main .preview-box .view-header {
    height: 48px;
    line-height: 48px;
    font-size: 15px;
    border-bottom: 1px solid #e4e4e4;
    color: #333;
    font-weight: bold;
    padding: 0 15px
}

.salarybill-main .preview-box .view-content {
    padding: 15px
}

.salarybill-main .preview-box table {
    width: 100%;
    table-layout: fixed
}

.salarybill-main .preview-box table td {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #ddd;
    padding: 0 15px;
    width: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.salarybill-main .preview-box table td:first-child {
    background-color: #eff6fe;
    color: #333;
    font-weight: bold
}

.salarybill-main .preview-box table td:last-child {
    border-right: 0;
    color: #666
}

.salarybill-main .view-set-content * {
    font-size: 12px
}

.salarybill-main .view-set-content .line>label {
    position: absolute;
    margin-bottom: 0;
    width: 90px;
    font-weight: normal
}

.salarybill-main .view-set-content .line {
    position: relative;
    overflow: hidden;
    line-height: 30px
}

.salarybill-main .view-set-content .line:not(:first-child) {
    margin-top: 5px
}

.salarybill-main .view-set-content .line>.details {
    margin-left: 95px
}

.salarybill-main .view-set-content .checkbox-inline {
    cursor: initial;
    line-height: 30px
}

.salarybill-main .url-box {
    text-align: center;
    margin: 50px 0 20px 0
}

.salarybill-main .url-box .icon {
    width: 50px;
    height: 50px;
    background-color: #27ba2e;
    border-radius: 50%;
    margin: 0 auto;
    line-height: 55px;
    color: #fff;
    font-size: 30px
}

.salarybill-main .url-box .info {
    margin: 20px 0 0 0;
    color: #666
}

.salarybill-main .url-box .info span {
    margin: 0 4px
}

.salarybill-main .url-box .info .success-num {
    color: #a1d568
}

.salarybill-main .url-box .info .failed-num {
    color: #fd6e52
}

.salarybill-box .modal-content {
    background: #eee
}

.salarybill-box .modal-header {
    border-bottom: 1px solid #ddd
}

.salarybill-content {
    overflow: hidden
}

.salarybill-content .toolkit-list>li {
    margin: 0 15px 10px 0
}

.salarybill-content .toolkit-item-nobr {
    margin: 0 15px 0 0!important
}

.salarybill-box .modal-dialog {
    width: 1000px
}

.salarybill-box .modal-body {
    max-height: 580px
}

.salarybill-content .toolkit-item .name-log {
    width: 150px
}

.salarybill-content .toolkit-item-nobr .typeahead-wrapper {
    margin-top: 2px
}

.salarybill-box table td {
    background-color: #fff
}

.salarybill-box .mCSB_container {
    padding: 0 0 150px 0
}

.salarybill-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #fff;
    opacity: .5;
    -webkit-filter: blur(1px);
    filter: alpha(opacity=90)
}

.salarybill-loading {
    position: absolute;
    top: 50%;
    width: 32px;
    margin: -200px 0 0 -16px;
    z-index: 2000;
    height: 400px;
    left: 50%
}

table.DTFC_Cloned thead,table.DTFC_Cloned tfoot {
    background-color: white
}

div.DTFC_Blocker {
    background-color: white
}

div.DTFC_LeftWrapper table.dataTable,div.DTFC_RightWrapper table.dataTable {
    margin-bottom: 0;
    z-index: 2
}

div.DTFC_LeftWrapper table.dataTable.no-footer,div.DTFC_RightWrapper table.dataTable.no-footer {
    border-bottom: none
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25),only screen and (min-resolution:120dpi),only screen and (min-resolution:1.25dppx) {
    .graph,[class^="graph-16"],[class*=" graph-16"],[class^="graph-28"],[class*=" graph-28"] {
        background-image:url(/static/img/global/eteams_icons@2x.png);
        background-size: 400px 1350px
    }

    .loading_eteams {
        background-image: url(/static/img/global/loading_eteams@2x.gif);
        background-size: cover
    }

    .i-communicate-holder .icon {
        background-image: url(/static/img/global/communiate_holder@2x.png);
        background-size: cover
    }

    .i-doc .e-list li .doc-icon i {
        background-image: url(/static/img/portal/portal_doctype@2x.png);
        background-size: 16px 80px
    }

    .souvenir-item .lead i {
        background-image: url("/static/img/crm/ico_mem_42@2x.png");
        background-size: 42px 21px
    }

    .nodata-holder>div>i.ico {
        background-image: url(/static/img/global/inbox@2x.png);
        background-size: 105px 73px
    }

    .nodata-holder>div>i.ico.collect {
        background-image: url(/static/img/global/star@2x.png);
        background-size: 97px 93px
    }

    .nodata-holder>div>i.ico.message {
        background-image: url(/static/img/global/bell@2x.png);
        background-size: 84px 80px
    }

    .card-account .list-item:before {
        background-image: url(/static/img/global/account-icon@2x.png);
        background-size: 90px 30px
    }

    .statsheet-view tbody td span.unfinished {
        background-image: url('/static/images/teams/unsubmit@2x.png');
        background-size: cover
    }

    .blogreport tbody td span.finished {
        background-image: url('/static/images/teams/submited_flat@2x.png');
        background-size: cover
    }

    .blogreport tbody td span.later-finished {
        background-image: url('/static/images/teams/laterSubmited@2x.png');
        background-size: cover
    }

    .loading_small span {
        background-image: url(/static/img/global/loading_small@2x.gif);
        background-size: 16px 16px
    }

    .loading_large {
        background-image: url(/static/img/global/loading_middle@2x.gif);
        background-size: 32px 32px
    }

    .user-menu .teampanel .teams-swich .dropdown-menu span.mark {
        background-image: url(/static/img/global/tenant-mark_white@2x.png);
        background-size: 50px 20px
    }

    .tenantinfo-view .entity-info .controls .authentication-mark,.team-pass-modal .team-search-list .list-item .name .mark,.user-menu .teampanel .teams-swich .dropdown-menu>li.active>.mark,.user-menu .teampanel .teams-swich .dropdown-menu>li:hover>.mark {
        background-image: url(/static/img/global/tenant-mark@2x.png);
        background-size: 50px 20px
    }

    .user-menu .user-mark {
        background-image: url(/static/img/global/tenant-mark_white@2x.png);
        background-size: 45px 18px
    }

    .signature-set-view .signature-img .nodata>.mark {
        background-image: url(/static/img/global/signature-nodata@2x.png);
        background-size: 72px 72px
    }
}

.placard-listview {
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-width: 1px 0
}

.placard-listview .list-item {
    height: 71px;
    position: relative
}

.placard-listview .list-item:active {
    background: #e7e7e7
}

.placard-listview .list-item:not(:last-child):after {
    content: "";
    position: absolute;
    height: 1px;
    left: 10px;
    right: 0;
    bottom: 0;
    background: #e7e7e7
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution:120dpi),only screen and (min-resolution:2dppx) {
    .placard-listview .list-item:not(:last-child)::after {
        -webkit-transform:scaleY(0.5);
        transform: scaleY(0.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

.placard-listview .list-item .avatar {
    position: absolute;
    height: 45px;
    width: 45px;
    left: 14px;
    top: 12px
}

.placard-listview .list-item .avatar img {
    height: 100%;
    width: 100%;
    border-radius: 50%
}

.placard-listview .list-item .info {
    position: absolute;
    top: 50%;
    left: 66px;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.placard-listview .list-item .major {
    line-height: 18px;
    margin-bottom: 4px
}

.placard-listview .list-item .minor {
    color: #999;
    font-size: 12px
}

.placard-view .placard-main {
    padding: 20px 240px
}

.placard-view .placard-cads-view .list-item {
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    padding: 15px;
    margin-bottom: 20px;
    background-color: #fff;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}

.placard-view .placard-cads-view .list-item:hover {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
    box-shadow: 0 5px 7px rgba(0,0,0,0.2)
}

.placard-view .placard-cads-view .item-body .title {
    padding: 3px 0 15px;
    font-size: 15px;
    font-weight: bold;
    color: #454545;
    border-bottom: 1px dashed #dedede
}

.placard-view .placard-cads-view .item-body .content {
    margin: 15px 0;
    color: #666;
    word-wrap: break-word;
    word-break: break-all;
    max-height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.placard-view .placard-cads-view .item-foot .username,.placard-view .placard-cads-view .item-foot .date {
    font-size: 12px;
    color: #999;
    display: inline-block;
    vertical-align: top
}

.placard-view .placard-cads-view .item-foot .username {
    margin-right: 15px;
    max-width: 200px
}

.placard-view .placard-cads-view .item-foot .date {
    position: relative;
    margin-left: 15px
}

.placard-view .placard-cads-view .item-foot .date::before {
    content: "";
    height: 12px;
    width: 2px;
    position: absolute;
    top: 2px;
    left: -17px;
    background: #999
}

.placard-view .toolkit-list .toolkit-item-tab {
    position: relative;
    left: 45%;
    margin-top: -9px
}

.placard-detail-view .detail-desc-wrap {
    padding: 9px 10px
}

.placard-view .toolkit-list li.search.search-right {
    float: right;
    top: 1px
}

.placardrecord-modal.modal .modal-dialog {
    width: 1000px;
    margin-left: -500px
}

.placardrecord-modal.modal .modal-content {
    background: #eee
}

.palcardrecord-datepicker {
    position: absolute;
    top: 190px;
    left: 691px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    box-shadow: 0 0 35px rgba(0,0,0,0.15);
    border-radius: 4px;
    width: 229px
}

.palcardrecord-datepicker input {
    width: 100%;
    margin: 5px 0
}

.palcardrecord-datepicker:before {
    position: absolute;
    content: '';
    left: 50%;
    margin-left: -4px;
    top: -6px;
    height: 10px;
    width: 10px;
    background: #fff;
    transform: rotate(45deg);
    border: 1px solid #ddd;
    border-width: 1px 0 0 1px
}

.placard-detail-view .plupload.html5+.plupload.html5 {
    height: 0!important;
    width: 0!important
}

body[third-party="fetion"] .fetion__hide,body[third-party="fetion"] .i-mini-mouules-help,body[third-party="fetion"] .i-communicate-holder .invite-toggle,body[third-party="fetion"] .tenantinfo-view .view-side {
    display: none!important
}

body[third-party="fetion"] .navigation .helpmenus-view {
    width: 130px;
    left: -44px;
    padding: 10px 10px 0
}

body[third-party="fetion"] .navigation .helpmenus-view .menu-item {
    display: none;
    float: none;
    width: auto
}

body[third-party="fetion"] .navigation .helpmenus-view .item-news {
    display: block
}

body[third-party="fetion"] .tenantinfo-view .view-main {
    width: 100%;
    float: none
}

body[third-party="fetion"] .toolkit-list .toolkit-item-help,body[third-party="fetion"] .module-help:not(fetion__exception) {
    display: none!important
}

body[third-party="fetion"] .loading_eteams {
    background-image: url("/static/img/global/loading_fetion.gif")
}

body[third-party="fetion"] .loading_small span {
    background-image: url("/static/img/global/loading_small_fetion.gif")
}

body[third-party="fetion"] .loading_large {
    background-image: url("/static/img/global/loading_middle_fetion.gif")
}

body[third-party="fetion"] .loading-big span {
    background-image: url("/static/img/global/loading_active_fetion.gif")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25),only screen and (min-resolution:120dpi),only screen and (min-resolution:1.25dppx) {
    body[third-party="fetion"] .loading_eteams {
        background-image:url("/static/img/global/loading_fetion@2x.gif")
    }

    body[third-party="fetion"] .loading_small span {
        background-image: url("/static/img/global/loading_small_fetion@2x.gif")
    }

    body[third-party="fetion"] .loading_large {
        background-image: url("/static/img/global/loading_middle_fetion@2x.gif")
    }
}

.jstree-node,.jstree-children,.jstree-container-ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none
}

.jstree-node {
    white-space: nowrap
}

.jstree-anchor {
    display: inline-block;
    color: #000;
    white-space: nowrap;
    padding: 0 4px 0 1px;
    margin: 0;
    vertical-align: top
}

.jstree-anchor:focus {
    outline: 0
}

.jstree-anchor,.jstree-anchor:link,.jstree-anchor:visited,.jstree-anchor:hover,.jstree-anchor:active {
    text-decoration: none;
    color: inherit
}

.jstree-icon {
    display: inline-block;
    text-decoration: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
    text-align: center
}

.jstree-icon:empty {
    display: inline-block;
    text-decoration: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
    text-align: center
}

.jstree-ocl {
    cursor: pointer
}

.jstree-leaf>.jstree-ocl {
    cursor: default
}

.jstree .jstree-open>.jstree-children {
    display: block
}

.jstree .jstree-closed>.jstree-children,.jstree .jstree-leaf>.jstree-children {
    display: none
}

.jstree-anchor>.jstree-themeicon {
    margin-right: 2px
}

.jstree-no-icons .jstree-themeicon,.jstree-anchor>.jstree-themeicon-hidden {
    display: none
}

.jstree-hidden,.jstree-node.jstree-hidden {
    display: none
}

.jstree-rtl .jstree-anchor {
    padding: 0 1px 0 4px
}

.jstree-rtl .jstree-anchor>.jstree-themeicon {
    margin-left: 2px;
    margin-right: 0
}

.jstree-rtl .jstree-node {
    margin-left: 0
}

.jstree-rtl .jstree-container-ul>.jstree-node {
    margin-right: 0
}

.jstree-wholerow-ul {
    position: relative;
    display: inline-block;
    min-width: 100%
}

.jstree-wholerow-ul .jstree-leaf>.jstree-ocl {
    cursor: pointer
}

.jstree-wholerow-ul .jstree-anchor,.jstree-wholerow-ul .jstree-icon {
    position: relative
}

.jstree-wholerow-ul .jstree-wholerow {
    width: 100%;
    cursor: pointer;
    position: absolute;
    left: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vakata-context {
    display: none
}

.vakata-context,.vakata-context ul {
    margin: 0;
    padding: 2px;
    position: absolute;
    background: #f5f5f5;
    border: 1px solid #979797;
    box-shadow: 2px 2px 2px #999
}

.vakata-context ul {
    list-style: none;
    left: 100%;
    margin-top: -2.7em;
    margin-left: -4px
}

.vakata-context .vakata-context-right ul {
    left: auto;
    right: 100%;
    margin-left: auto;
    margin-right: -4px
}

.vakata-context li {
    list-style: none
}

.vakata-context li>a {
    display: block;
    padding: 0 2em;
    text-decoration: none;
    width: auto;
    color: #000;
    white-space: nowrap;
    line-height: 2.4em;
    text-shadow: 1px 1px 0 #fff;
    border-radius: 1px
}

.vakata-context li>a:hover {
    position: relative;
    background-color: #e8eff7;
    box-shadow: 0 0 2px #0a6aa1
}

.vakata-context li>a.vakata-context-parent {
    background-image: url();
    background-position: right center;
    background-repeat: no-repeat
}

.vakata-context li>a:focus {
    outline: 0
}

.vakata-context .vakata-context-hover>a {
    position: relative;
    background-color: #e8eff7;
    box-shadow: 0 0 2px #0a6aa1
}

.vakata-context .vakata-context-separator>a,.vakata-context .vakata-context-separator>a:hover {
    background: #fff;
    border: 0;
    border-top: 1px solid #e2e3e3;
    height: 1px;
    min-height: 1px;
    max-height: 1px;
    padding: 0;
    margin: 0 0 0 2.4em;
    border-left: 1px solid #e0e0e0;
    text-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    border-radius: 0
}

.vakata-context .vakata-contextmenu-disabled a,.vakata-context .vakata-contextmenu-disabled a:hover {
    color: silver;
    background-color: transparent;
    border: 0;
    box-shadow: 0 0 0
}

.vakata-context li>a>i {
    text-decoration: none;
    display: inline-block;
    width: 2.4em;
    height: 2.4em;
    background: 0 0;
    margin: 0 0 0 -2em;
    vertical-align: top;
    text-align: center;
    line-height: 2.4em
}

.vakata-context li>a>i:empty {
    width: 2.4em;
    line-height: 2.4em
}

.vakata-context li>a .vakata-contextmenu-sep {
    display: inline-block;
    width: 1px;
    height: 2.4em;
    background: #fff;
    margin: 0 .5em 0 0;
    border-left: 1px solid #e2e3e3
}

.vakata-context .vakata-contextmenu-shortcut {
    font-size: .8em;
    color: silver;
    opacity: .5;
    display: none
}

.vakata-context-rtl ul {
    left: auto;
    right: 100%;
    margin-left: auto;
    margin-right: -4px
}

.vakata-context-rtl li>a.vakata-context-parent {
    background-image: url();
    background-position: left center;
    background-repeat: no-repeat
}

.vakata-context-rtl .vakata-context-separator>a {
    margin: 0 2.4em 0 0;
    border-left: 0;
    border-right: 1px solid #e2e3e3
}

.vakata-context-rtl .vakata-context-left ul {
    right: auto;
    left: 100%;
    margin-left: -4px;
    margin-right: auto
}

.vakata-context-rtl li>a>i {
    margin: 0 -2em 0 0
}

.vakata-context-rtl li>a .vakata-contextmenu-sep {
    margin: 0 0 0 .5em;
    border-left-color: #fff;
    background: #e2e3e3
}

#jstree-marker {
    position: absolute;
    top: 0;
    left: 0;
    margin: -5px 0 0 0;
    padding: 0;
    border-right: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0
}

#jstree-dnd {
    line-height: 16px;
    margin: 0;
    padding: 4px
}

#jstree-dnd .jstree-icon,#jstree-dnd .jstree-copy {
    display: inline-block;
    text-decoration: none;
    margin: 0 2px 0 0;
    padding: 0;
    width: 16px;
    height: 16px
}

#jstree-dnd .jstree-ok {
    background: green
}

#jstree-dnd .jstree-er {
    background: red
}

#jstree-dnd .jstree-copy {
    margin: 0 2px
}

.jstree-default .jstree-node,.jstree-default .jstree-icon {
    background-repeat: no-repeat;
    background-color: transparent
}

.jstree-default .jstree-anchor,.jstree-default .jstree-animated,.jstree-default .jstree-wholerow {
    transition: background-color .15s,box-shadow .15s
}

.jstree-default .jstree-hovered {
    background: #e7f4f9;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #ccc
}

.jstree-default .jstree-context {
    background: #e7f4f9;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #ccc
}

.jstree-default .jstree-clicked {
    background: #beebff;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #999
}

.jstree-default .jstree-no-icons .jstree-anchor>.jstree-themeicon {
    display: none
}

.jstree-default .jstree-disabled {
    background: 0 0;
    color: #666
}

.jstree-default .jstree-disabled.jstree-hovered {
    background: 0 0;
    box-shadow: none
}

.jstree-default .jstree-disabled.jstree-clicked {
    background: #efefef
}

.jstree-default .jstree-disabled>.jstree-icon {
    opacity: .8;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.jstree-default .jstree-search {
    font-style: italic;
    color: #8b0000;
    font-weight: 700
}

.jstree-default .jstree-no-checkboxes .jstree-checkbox {
    display: none!important
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
    background: 0 0;
    box-shadow: none
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
    background: #e7f4f9
}

.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked {
    background: 0 0
}

.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
    background: #e7f4f9
}

.jstree-default>.jstree-striped {
    min-width: 100%;
    display: inline-block;
    background: url() left top repeat
}

.jstree-default>.jstree-wholerow-ul .jstree-hovered,.jstree-default>.jstree-wholerow-ul .jstree-clicked {
    background: 0 0;
    box-shadow: none;
    border-radius: 0
}

.jstree-default .jstree-wholerow {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.jstree-default .jstree-wholerow-hovered {
    background: #e7f4f9
}

.jstree-default .jstree-wholerow-clicked {
    background: #beebff;
    background: -webkit-linear-gradient(top,#beebff 0,#a8e4ff 100%);
    background: linear-gradient(to bottom,#beebff 0,#a8e4ff 100%)
}

.jstree-default .jstree-node {
    min-height: 24px;
    line-height: 24px;
    margin-left: 24px;
    min-width: 24px
}

.jstree-default .jstree-anchor {
    line-height: 24px;
    height: 24px
}

.jstree-default .jstree-icon {
    width: 24px;
    height: 24px;
    line-height: 24px
}

.jstree-default .jstree-icon:empty {
    width: 24px;
    height: 24px;
    line-height: 24px
}

.jstree-default.jstree-rtl .jstree-node {
    margin-right: 24px
}

.jstree-default .jstree-wholerow {
    height: 24px
}

.jstree-default .jstree-node,.jstree-default .jstree-icon {
    background-image: url(/static/css/themes/jstree/default/32px.png)
}

.jstree-default .jstree-node {
    background-position: -292px -4px;
    background-repeat: repeat-y
}

.jstree-default .jstree-last {
    background: 0 0
}

.jstree-default .jstree-open>.jstree-ocl {
    background-position: -132px -4px
}

.jstree-default .jstree-closed>.jstree-ocl {
    background-position: -100px -4px
}

.jstree-default .jstree-leaf>.jstree-ocl {
    background-position: -68px -4px
}

.jstree-default .jstree-themeicon {
    background-position: -260px -4px
}

.jstree-default>.jstree-no-dots .jstree-node,.jstree-default>.jstree-no-dots .jstree-leaf>.jstree-ocl {
    background: 0 0
}

.jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl {
    background-position: -36px -4px
}

.jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl {
    background-position: -4px -4px
}

.jstree-default .jstree-disabled {
    background: 0 0
}

.jstree-default .jstree-disabled.jstree-hovered {
    background: 0 0
}

.jstree-default .jstree-disabled.jstree-clicked {
    background: #efefef
}

.jstree-default .jstree-checkbox {
    background-position: -164px -4px
}

.jstree-default .jstree-checkbox:hover {
    background-position: -164px -36px
}

.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,.jstree-default .jstree-checked>.jstree-checkbox {
    background-position: -228px -4px
}

.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,.jstree-default .jstree-checked>.jstree-checkbox:hover {
    background-position: -228px -36px
}

.jstree-default .jstree-anchor>.jstree-undetermined {
    background-position: -196px -4px
}

.jstree-default .jstree-anchor>.jstree-undetermined:hover {
    background-position: -196px -36px
}

.jstree-default .jstree-checkbox-disabled {
    opacity: .8;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.jstree-default>.jstree-striped {
    background-size: auto 48px
}

.jstree-default.jstree-rtl .jstree-node {
    background-image: url();
    background-position: 100% 1px;
    background-repeat: repeat-y
}

.jstree-default.jstree-rtl .jstree-last {
    background: 0 0
}

.jstree-default.jstree-rtl .jstree-open>.jstree-ocl {
    background-position: -132px -36px
}

.jstree-default.jstree-rtl .jstree-closed>.jstree-ocl {
    background-position: -100px -36px
}

.jstree-default.jstree-rtl .jstree-leaf>.jstree-ocl {
    background-position: -68px -36px
}

.jstree-default.jstree-rtl>.jstree-no-dots .jstree-node,.jstree-default.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl {
    background: 0 0
}

.jstree-default.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl {
    background-position: -36px -36px
}

.jstree-default.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl {
    background-position: -4px -36px
}

.jstree-default .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0
}

.jstree-default>.jstree-container-ul .jstree-loading>.jstree-ocl {
    background: url(/static/css/themes/jstree/default/throbber.gif) center center no-repeat
}

.jstree-default .jstree-file {
    background: url(/static/css/themes/jstree/default/32px.png) -100px -68px no-repeat
}

.jstree-default .jstree-folder {
    background: url(/static/css/themes/jstree/default/32px.png) -260px -4px no-repeat
}

.jstree-default>.jstree-container-ul>.jstree-node {
    margin-left: 0;
    margin-right: 0
}

#jstree-dnd.jstree-default {
    line-height: 24px;
    padding: 0 4px
}

#jstree-dnd.jstree-default .jstree-ok,#jstree-dnd.jstree-default .jstree-er {
    background-image: url(/static/css/themes/jstree/default/32px.png);
    background-repeat: no-repeat;
    background-color: transparent
}

#jstree-dnd.jstree-default i {
    background: 0 0;
    width: 24px;
    height: 24px;
    line-height: 24px
}

#jstree-dnd.jstree-default .jstree-ok {
    background-position: -4px -68px
}

#jstree-dnd.jstree-default .jstree-er {
    background-position: -36px -68px
}

.jstree-default .jstree-ellipsis {
    overflow: hidden
}

.jstree-default .jstree-ellipsis .jstree-anchor {
    width: calc(100% - 29px);
    text-overflow: ellipsis;
    overflow: hidden
}

.jstree-default .jstree-ellipsis.jstree-no-icons .jstree-anchor {
    width: calc(100% - 5px)
}

.jstree-default.jstree-rtl .jstree-node {
    background-image: url()
}

.jstree-default.jstree-rtl .jstree-last {
    background: 0 0
}

.jstree-default-small .jstree-node {
    min-height: 18px;
    line-height: 18px;
    margin-left: 18px;
    min-width: 18px
}

.jstree-default-small .jstree-anchor {
    line-height: 18px;
    height: 18px
}

.jstree-default-small .jstree-icon {
    width: 18px;
    height: 18px;
    line-height: 18px
}

.jstree-default-small .jstree-icon:empty {
    width: 18px;
    height: 18px;
    line-height: 18px
}

.jstree-default-small.jstree-rtl .jstree-node {
    margin-right: 18px
}

.jstree-default-small .jstree-wholerow {
    height: 18px
}

.jstree-default-small .jstree-node,.jstree-default-small .jstree-icon {
    background-image: url(/static/css/themes/jstree/default/32px.png)
}

.jstree-default-small .jstree-node {
    background-position: -295px -7px;
    background-repeat: repeat-y
}

.jstree-default-small .jstree-last {
    background: 0 0
}

.jstree-default-small .jstree-open>.jstree-ocl {
    background-position: -135px -7px
}

.jstree-default-small .jstree-closed>.jstree-ocl {
    background-position: -103px -7px
}

.jstree-default-small .jstree-leaf>.jstree-ocl {
    background-position: -71px -7px
}

.jstree-default-small .jstree-themeicon {
    background-position: -263px -7px
}

.jstree-default-small>.jstree-no-dots .jstree-node,.jstree-default-small>.jstree-no-dots .jstree-leaf>.jstree-ocl {
    background: 0 0
}

.jstree-default-small>.jstree-no-dots .jstree-open>.jstree-ocl {
    background-position: -39px -7px
}

.jstree-default-small>.jstree-no-dots .jstree-closed>.jstree-ocl {
    background-position: -7px -7px
}

.jstree-default-small .jstree-disabled {
    background: 0 0
}

.jstree-default-small .jstree-disabled.jstree-hovered {
    background: 0 0
}

.jstree-default-small .jstree-disabled.jstree-clicked {
    background: #efefef
}

.jstree-default-small .jstree-checkbox {
    background-position: -167px -7px
}

.jstree-default-small .jstree-checkbox:hover {
    background-position: -167px -39px
}

.jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,.jstree-default-small .jstree-checked>.jstree-checkbox {
    background-position: -231px -7px
}

.jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,.jstree-default-small .jstree-checked>.jstree-checkbox:hover {
    background-position: -231px -39px
}

.jstree-default-small .jstree-anchor>.jstree-undetermined {
    background-position: -199px -7px
}

.jstree-default-small .jstree-anchor>.jstree-undetermined:hover {
    background-position: -199px -39px
}

.jstree-default-small .jstree-checkbox-disabled {
    opacity: .8;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.jstree-default-small>.jstree-striped {
    background-size: auto 36px
}

.jstree-default-small.jstree-rtl .jstree-node {
    background-image: url();
    background-position: 100% 1px;
    background-repeat: repeat-y
}

.jstree-default-small.jstree-rtl .jstree-last {
    background: 0 0
}

.jstree-default-small.jstree-rtl .jstree-open>.jstree-ocl {
    background-position: -135px -39px
}

.jstree-default-small.jstree-rtl .jstree-closed>.jstree-ocl {
    background-position: -103px -39px
}

.jstree-default-small.jstree-rtl .jstree-leaf>.jstree-ocl {
    background-position: -71px -39px
}

.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-node,.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl {
    background: 0 0
}

.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl {
    background-position: -39px -39px
}

.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl {
    background-position: -7px -39px
}

.jstree-default-small .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0
}

.jstree-default-small>.jstree-container-ul .jstree-loading>.jstree-ocl {
    background: url(/static/css/themes/jstree/default/throbber.gif) center center no-repeat
}

.jstree-default-small .jstree-file {
    background: url(/static/css/themes/jstree/default/32px.png) -103px -71px no-repeat
}

.jstree-default-small .jstree-folder {
    background: url(/static/css/themes/jstree/default/32px.png) -263px -7px no-repeat
}

.jstree-default-small>.jstree-container-ul>.jstree-node {
    margin-left: 0;
    margin-right: 0
}

#jstree-dnd.jstree-default-small {
    line-height: 18px;
    padding: 0 4px
}

#jstree-dnd.jstree-default-small .jstree-ok,#jstree-dnd.jstree-default-small .jstree-er {
    background-image: url(/static/css/themes/jstree/default/32px.png);
    background-repeat: no-repeat;
    background-color: transparent
}

#jstree-dnd.jstree-default-small i {
    background: 0 0;
    width: 18px;
    height: 18px;
    line-height: 18px
}

#jstree-dnd.jstree-default-small .jstree-ok {
    background-position: -7px -71px
}

#jstree-dnd.jstree-default-small .jstree-er {
    background-position: -39px -71px
}

.jstree-default-small .jstree-ellipsis {
    overflow: hidden
}

.jstree-default-small .jstree-ellipsis .jstree-anchor {
    width: calc(100% - 23px);
    text-overflow: ellipsis;
    overflow: hidden
}

.jstree-default-small .jstree-ellipsis.jstree-no-icons .jstree-anchor {
    width: calc(100% - 5px)
}

.jstree-default-small.jstree-rtl .jstree-node {
    background-image: url()
}

.jstree-default-small.jstree-rtl .jstree-last {
    background: 0 0
}

.jstree-default-large .jstree-node {
    min-height: 32px;
    line-height: 32px;
    margin-left: 32px;
    min-width: 32px
}

.jstree-default-large .jstree-anchor {
    line-height: 32px;
    height: 32px
}

.jstree-default-large .jstree-icon {
    width: 32px;
    height: 32px;
    line-height: 32px
}

.jstree-default-large .jstree-icon:empty {
    width: 32px;
    height: 32px;
    line-height: 32px
}

.jstree-default-large.jstree-rtl .jstree-node {
    margin-right: 32px
}

.jstree-default-large .jstree-wholerow {
    height: 32px
}

.jstree-default-large .jstree-node,.jstree-default-large .jstree-icon {
    background-image: url(/static/css/themes/jstree/default/32px.png)
}

.jstree-default-large .jstree-node {
    background-position: -288px 0;
    background-repeat: repeat-y
}

.jstree-default-large .jstree-last {
    background: 0 0
}

.jstree-default-large .jstree-open>.jstree-ocl {
    background-position: -128px 0
}

.jstree-default-large .jstree-closed>.jstree-ocl {
    background-position: -96px 0
}

.jstree-default-large .jstree-leaf>.jstree-ocl {
    background-position: -64px 0
}

.jstree-default-large .jstree-themeicon {
    background-position: -256px 0
}

.jstree-default-large>.jstree-no-dots .jstree-node,.jstree-default-large>.jstree-no-dots .jstree-leaf>.jstree-ocl {
    background: 0 0
}

.jstree-default-large>.jstree-no-dots .jstree-open>.jstree-ocl {
    background-position: -32px 0
}

.jstree-default-large>.jstree-no-dots .jstree-closed>.jstree-ocl {
    background-position: 0 0
}

.jstree-default-large .jstree-disabled {
    background: 0 0
}

.jstree-default-large .jstree-disabled.jstree-hovered {
    background: 0 0
}

.jstree-default-large .jstree-disabled.jstree-clicked {
    background: #efefef
}

.jstree-default-large .jstree-checkbox {
    background-position: -160px 0
}

.jstree-default-large .jstree-checkbox:hover {
    background-position: -160px -32px
}

.jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,.jstree-default-large .jstree-checked>.jstree-checkbox {
    background-position: -224px 0
}

.jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,.jstree-default-large .jstree-checked>.jstree-checkbox:hover {
    background-position: -224px -32px
}

.jstree-default-large .jstree-anchor>.jstree-undetermined {
    background-position: -192px 0
}

.jstree-default-large .jstree-anchor>.jstree-undetermined:hover {
    background-position: -192px -32px
}

.jstree-default-large .jstree-checkbox-disabled {
    opacity: .8;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.jstree-default-large>.jstree-striped {
    background-size: auto 64px
}

.jstree-default-large.jstree-rtl .jstree-node {
    background-image: url();
    background-position: 100% 1px;
    background-repeat: repeat-y
}

.jstree-default-large.jstree-rtl .jstree-last {
    background: 0 0
}

.jstree-default-large.jstree-rtl .jstree-open>.jstree-ocl {
    background-position: -128px -32px
}

.jstree-default-large.jstree-rtl .jstree-closed>.jstree-ocl {
    background-position: -96px -32px
}

.jstree-default-large.jstree-rtl .jstree-leaf>.jstree-ocl {
    background-position: -64px -32px
}

.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-node,.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl {
    background: 0 0
}

.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl {
    background-position: -32px -32px
}

.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl {
    background-position: 0 -32px
}

.jstree-default-large .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0
}

.jstree-default-large>.jstree-container-ul .jstree-loading>.jstree-ocl {
    background: url(/static/css/themes/jstree/default/throbber.gif) center center no-repeat
}

.jstree-default-large .jstree-file {
    background: url(/static/css/themes/jstree/default/32px.png) -96px -64px no-repeat
}

.jstree-default-large .jstree-folder {
    background: url(/static/css/themes/jstree/default/32px.png) -256px 0 no-repeat
}

.jstree-default-large>.jstree-container-ul>.jstree-node {
    margin-left: 0;
    margin-right: 0
}

#jstree-dnd.jstree-default-large {
    line-height: 32px;
    padding: 0 4px
}

#jstree-dnd.jstree-default-large .jstree-ok,#jstree-dnd.jstree-default-large .jstree-er {
    background-image: url(/static/css/themes/jstree/default/32px.png);
    background-repeat: no-repeat;
    background-color: transparent
}

#jstree-dnd.jstree-default-large i {
    background: 0 0;
    width: 32px;
    height: 32px;
    line-height: 32px
}

#jstree-dnd.jstree-default-large .jstree-ok {
    background-position: 0 -64px
}

#jstree-dnd.jstree-default-large .jstree-er {
    background-position: -32px -64px
}

.jstree-default-large .jstree-ellipsis {
    overflow: hidden
}

.jstree-default-large .jstree-ellipsis .jstree-anchor {
    width: calc(100% - 37px);
    text-overflow: ellipsis;
    overflow: hidden
}

.jstree-default-large .jstree-ellipsis.jstree-no-icons .jstree-anchor {
    width: calc(100% - 5px)
}

.jstree-default-large.jstree-rtl .jstree-node {
    background-image: url()
}

.jstree-default-large.jstree-rtl .jstree-last {
    background: 0 0
}

@media (max-width: 768px) {
    #jstree-dnd.jstree-dnd-responsive {
        line-height:40px;
        font-weight: 700;
        font-size: 1.1em;
        text-shadow: 1px 1px #fff
    }

    #jstree-dnd.jstree-dnd-responsive>i {
        background: 0 0;
        width: 40px;
        height: 40px
    }

    #jstree-dnd.jstree-dnd-responsive>.jstree-ok {
        background-image: url(require('40px.png'));
        background-position: 0 -200px;
        background-size: 120px 240px
    }

    #jstree-dnd.jstree-dnd-responsive>.jstree-er {
        background-image: url(require('40px.png'));
        background-position: -40px -200px;
        background-size: 120px 240px
    }

    #jstree-marker.jstree-dnd-responsive {
        border-left-width: 10px;
        border-top-width: 10px;
        border-bottom-width: 10px;
        margin-top: -10px
    }
}

@media (max-width: 768px) {
    .jstree-default-responsive .jstree-icon {
        background-image:url(require('40px.png'))
    }

    .jstree-default-responsive .jstree-node,.jstree-default-responsive .jstree-leaf>.jstree-ocl {
        background: 0 0
    }

    .jstree-default-responsive .jstree-node {
        min-height: 40px;
        line-height: 40px;
        margin-left: 40px;
        min-width: 40px;
        white-space: nowrap
    }

    .jstree-default-responsive .jstree-anchor {
        line-height: 40px;
        height: 40px
    }

    .jstree-default-responsive .jstree-icon,.jstree-default-responsive .jstree-icon:empty {
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    .jstree-default-responsive>.jstree-container-ul>.jstree-node {
        margin-left: 0
    }

    .jstree-default-responsive.jstree-rtl .jstree-node {
        margin-left: 0;
        margin-right: 40px;
        background: 0 0
    }

    .jstree-default-responsive.jstree-rtl .jstree-container-ul>.jstree-node {
        margin-right: 0
    }

    .jstree-default-responsive .jstree-ocl,.jstree-default-responsive .jstree-themeicon,.jstree-default-responsive .jstree-checkbox {
        background-size: 120px 240px
    }

    .jstree-default-responsive .jstree-leaf>.jstree-ocl,.jstree-default-responsive.jstree-rtl .jstree-leaf>.jstree-ocl {
        background: 0 0
    }

    .jstree-default-responsive .jstree-open>.jstree-ocl {
        background-position: 0 0!important
    }

    .jstree-default-responsive .jstree-closed>.jstree-ocl {
        background-position: 0 -40px!important
    }

    .jstree-default-responsive.jstree-rtl .jstree-closed>.jstree-ocl {
        background-position: -40px 0!important
    }

    .jstree-default-responsive .jstree-themeicon {
        background-position: -40px -40px
    }

    .jstree-default-responsive .jstree-checkbox,.jstree-default-responsive .jstree-checkbox:hover {
        background-position: -40px -80px
    }

    .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,.jstree-default-responsive.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,.jstree-default-responsive .jstree-checked>.jstree-checkbox,.jstree-default-responsive .jstree-checked>.jstree-checkbox:hover {
        background-position: 0 -80px
    }

    .jstree-default-responsive .jstree-anchor>.jstree-undetermined,.jstree-default-responsive .jstree-anchor>.jstree-undetermined:hover {
        background-position: 0 -120px
    }

    .jstree-default-responsive .jstree-anchor {
        font-weight: 700;
        font-size: 1.1em;
        text-shadow: 1px 1px #fff
    }

    .jstree-default-responsive>.jstree-striped {
        background: 0 0
    }

    .jstree-default-responsive .jstree-wholerow {
        border-top: 1px solid rgba(255,255,255,.7);
        border-bottom: 1px solid rgba(64,64,64,.2);
        background: #ebebeb;
        height: 40px
    }

    .jstree-default-responsive .jstree-wholerow-hovered {
        background: #e7f4f9
    }

    .jstree-default-responsive .jstree-wholerow-clicked {
        background: #beebff
    }

    .jstree-default-responsive .jstree-children .jstree-last>.jstree-wholerow {
        box-shadow: inset 0 -6px 3px -5px #666
    }

    .jstree-default-responsive .jstree-children .jstree-open>.jstree-wholerow {
        box-shadow: inset 0 6px 3px -5px #666;
        border-top: 0
    }

    .jstree-default-responsive .jstree-children .jstree-open+.jstree-open {
        box-shadow: none
    }

    .jstree-default-responsive .jstree-node,.jstree-default-responsive .jstree-icon,.jstree-default-responsive .jstree-node>.jstree-ocl,.jstree-default-responsive .jstree-themeicon,.jstree-default-responsive .jstree-checkbox {
        background-image: url(require('40px.png'));
        background-size: 120px 240px
    }

    .jstree-default-responsive .jstree-node {
        background-position: -80px 0;
        background-repeat: repeat-y
    }

    .jstree-default-responsive .jstree-last {
        background: 0 0
    }

    .jstree-default-responsive .jstree-leaf>.jstree-ocl {
        background-position: -40px -120px
    }

    .jstree-default-responsive .jstree-last>.jstree-ocl {
        background-position: -40px -160px
    }

    .jstree-default-responsive .jstree-themeicon-custom {
        background-color: transparent;
        background-image: none;
        background-position: 0 0
    }

    .jstree-default-responsive .jstree-file {
        background: url(require('40px.png')) 0 -160px no-repeat;
        background-size: 120px 240px
    }

    .jstree-default-responsive .jstree-folder {
        background: url(require('40px.png')) -40px -40px no-repeat;
        background-size: 120px 240px
    }

    .jstree-default-responsive>.jstree-container-ul>.jstree-node {
        margin-left: 0;
        margin-right: 0
    }
}

/*!*Prevents selecting text when dragging the selectors*!*/
.colpick {
    position: absolute;
    box-sizing: content-box;
    width: 346px;
    height: 170px;
    overflow: hidden;
    display: none;
    font-family: Arial,Helvetica,sans-serif;
    background: #f1f1f1;
    border: 1px solid #d4d4d4;
    direction: ltr;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    z-index: 100
}

.colpick .colpick_color {
    position: absolute;
    left: 7px;
    top: 7px;
    width: 156px;
    height: 156px;
    overflow: hidden;
    outline: 1px solid #aaa;
    cursor: crosshair
}

.colpick .colpick_color_overlay1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 156px;
    height: 156px;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')";
    background: -moz-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff',endColorstr='#00ffffff')
}

.colpick .colpick_color_overlay2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 156px;
    height: 156px;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')";
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0)
}

.colpick .colpick_selector_outer {
    background: 0;
    position: absolute;
    width: 11px;
    height: 11px;
    margin: -6px 0 0 -6px;
    border: 1px solid black;
    border-radius: 50%
}

.colpick .colpick_selector_inner {
    position: absolute;
    width: 9px;
    height: 9px;
    border: 1px solid white;
    border-radius: 50%
}

.colpick .colpick_hue {
    position: absolute;
    top: 6px;
    left: 175px;
    width: 19px;
    height: 156px;
    border: 1px solid #aaa;
    cursor: n-resize
}

.colpick .colpick_hue_arrs {
    position: absolute;
    left: -8px;
    width: 35px;
    height: 7px;
    margin: -7px 0 0 0
}

.colpick .colpick_hue_larr {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 7px solid #858585
}

.colpick .colpick_hue_rarr {
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 7px solid #858585
}

.colpick .colpick_new_color {
    position: absolute;
    left: 207px;
    top: 6px;
    width: 60px;
    height: 27px;
    background: #f00;
    border: 1px solid #8f8f8f
}

.colpick .colpick_current_color {
    position: absolute;
    left: 277px;
    top: 6px;
    width: 60px;
    height: 25px;
    background: #f00;
    border: 1px solid #8f8f8f
}

.colpick .colpick_field,.colpick .colpick_hex_field {
    position: absolute;
    height: 20px;
    width: 60px;
    overflow: hidden;
    background: #f3f3f3;
    color: #b8b8b8;
    font-size: 12px;
    border: 1px solid #bdbdbd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.colpick .colpick_rgb_r {
    top: 40px;
    left: 207px
}

.colpick .colpick_rgb_g {
    top: 67px;
    left: 207px
}

.colpick .colpick_rgb_b {
    top: 94px;
    left: 207px
}

.colpick .colpick_hsb_h {
    top: 40px;
    left: 277px
}

.colpick .colpick_hsb_s {
    top: 67px;
    left: 277px
}

.colpick .colpick_hsb_b {
    top: 94px;
    left: 277px
}

.colpick .colpick_hex_field {
    width: 68px;
    left: 207px;
    top: 121px
}

.colpick .colpick_focus {
    border-color: #999
}

.colpick .colpick_field_letter {
    position: absolute;
    width: 14px;
    height: 20px;
    line-height: 20px;
    padding-left: 4px;
    background: #efefef;
    border-right: 1px solid #bdbdbd;
    font-weight: bold;
    color: #777
}

.colpick .colpick_field input,.colpick .colpick_hex_field input {
    position: absolute;
    right: 11px;
    margin: 0;
    padding: 0;
    height: 20px;
    line-height: 20px;
    background: transparent;
    border: 0;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    color: #555;
    text-align: right;
    outline: 0
}

.colpick .colpick_hex_field input {
    right: 4px
}

.colpick .colpick_field_arrs {
    position: absolute;
    top: 0;
    right: 0;
    width: 9px;
    height: 21px;
    cursor: n-resize
}

.colpick .colpick_field_uarr {
    position: absolute;
    top: 5px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #959595
}

.colpick .colpick_field_darr {
    position: absolute;
    bottom: 5px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #959595
}

.colpick .colpick_submit {
    position: absolute;
    left: 207px;
    top: 149px;
    width: 130px;
    height: 22px;
    line-height: 22px;
    background: #efefef;
    text-align: center;
    color: #555;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #bdbdbd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.colpick .colpick_submit:hover {
    background: #f3f3f3;
    border-color: #999;
    cursor: pointer
}

.colpick.colpick_full_ns .colpick_submit,.colpick.colpick_full_ns .colpick_current_color {
    display: none
}

.colpick.colpick_full_ns .colpick_new_color {
    width: 130px;
    height: 25px
}

.colpick.colpick_full_ns .colpick_rgb_r,.colpick.colpick_full_ns .colpick_hsb_h {
    top: 42px
}

.colpick.colpick_full_ns .colpick_rgb_g,.colpick.colpick_full_ns .colpick_hsb_s {
    top: 73px
}

.colpick.colpick_full_ns .colpick_rgb_b,.colpick.colpick_full_ns .colpick_hsb_b {
    top: 104px
}

.colpick.colpick_full_ns .colpick_hex_field {
    top: 135px
}

.colpick.colpick_rgbhex .colpick_hsb_h,.colpick.colpick_rgbhex .colpick_hsb_s,.colpick.colpick_rgbhex .colpick_hsb_b {
    display: none
}

.colpick.colpick_rgbhex {
    width: 282px
}

.colpick.colpick_rgbhex .colpick_field,.colpick.colpick_rgbhex .colpick_submit {
    width: 68px
}

.colpick.colpick_rgbhex .colpick_new_color {
    width: 34px;
    border-right: 0
}

.colpick.colpick_rgbhex .colpick_current_color {
    width: 34px;
    left: 240px;
    border-left: none
}

.colpick.colpick_rgbhex_ns .colpick_submit,.colpick.colpick_rgbhex_ns .colpick_current_color {
    display: none
}

.colpick.colpick_rgbhex_ns .colpick_new_color {
    width: 68px;
    border: 1px solid #8f8f8f
}

.colpick.colpick_rgbhex_ns .colpick_rgb_r {
    top: 42px
}

.colpick.colpick_rgbhex_ns .colpick_rgb_g {
    top: 73px
}

.colpick.colpick_rgbhex_ns .colpick_rgb_b {
    top: 104px
}

.colpick.colpick_rgbhex_ns .colpick_hex_field {
    top: 135px
}

.colpick.colpick_hex .colpick_hsb_h,.colpick.colpick_hex .colpick_hsb_s,.colpick.colpick_hex .colpick_hsb_b,.colpick.colpick_hex .colpick_rgb_r,.colpick.colpick_hex .colpick_rgb_g,.colpick.colpick_hex .colpick_rgb_b {
    display: none
}

.colpick.colpick_hex {
    width: 206px;
    height: 201px
}

.colpick.colpick_hex .colpick_hex_field {
    width: 72px;
    height: 25px;
    top: 168px;
    left: 80px
}

.colpick.colpick_hex .colpick_hex_field div,.colpick.colpick_hex .colpick_hex_field input {
    height: 25px;
    line-height: 25px
}

.colpick.colpick_hex .colpick_new_color {
    left: 9px;
    top: 168px;
    width: 30px;
    border-right: 0
}

.colpick.colpick_hex .colpick_current_color {
    left: 39px;
    top: 168px;
    width: 30px;
    border-left: none
}

.colpick.colpick_hex .colpick_submit {
    left: 164px;
    top: 168px;
    width: 30px;
    height: 25px;
    line-height: 25px
}

.colpick.colpick_hex_ns .colpick_submit,.colpick.colpick_hex_ns .colpick_current_color {
    display: none
}

.colpick.colpick_hex_ns .colpick_hex_field {
    width: 80px
}

.colpick.colpick_hex_ns .colpick_new_color {
    width: 60px;
    border: 1px solid #8f8f8f
}

.colpick.colpick_dark {
    background: #161616;
    border-color: #2a2a2a
}

.colpick.colpick_dark .colpick_color {
    outline-color: #333
}

.colpick.colpick_dark .colpick_hue {
    border-color: #555
}

.colpick.colpick_dark .colpick_field,.colpick.colpick_dark .colpick_hex_field {
    background: #101010;
    border-color: #2d2d2d
}

.colpick.colpick_dark .colpick_field_letter {
    background: #131313;
    border-color: #2d2d2d;
    color: #696969
}

.colpick.colpick_dark .colpick_field input,.colpick.colpick_dark .colpick_hex_field input {
    color: #7a7a7a
}

.colpick.colpick_dark .colpick_field_uarr {
    border-bottom-color: #696969
}

.colpick.colpick_dark .colpick_field_darr {
    border-top-color: #696969
}

.colpick.colpick_dark .colpick_focus {
    border-color: #444
}

.colpick.colpick_dark .colpick_submit {
    background: #131313;
    border-color: #2d2d2d;
    color: #7a7a7a
}

.colpick.colpick_dark .colpick_submit:hover {
    background-color: #101010;
    border-color: #444
}

.room-view {
    background: #eee;
    padding: 15px 20px 0
}

.room-view .fc-resource-area .fc-scroller-clip {
    background: #f5f5f5
}

.room-view .fc-view-container {
    background: #fff
}

.room-view.fc-global .fc-toolbar {
    margin-bottom: 10px
}

.room-view.fc-global .fc-toolbar h2 {
    font-size: 18px;
    color: #666;
    line-height: 30px
}

.room-view.fc-global .fc-ltr .fc-timeline-event {
    color: #fff
}

.room-view.fc-global .room_event_class_self {
    border-color: #fcbc33;
    background-color: #fcbc33
}

.room-view.fc-global .room_event_class_other {
    border-color: #65c7d5;
    background-color: #65c7d5
}

.room-schedule-loading {
    margin-top: -100px
}

.modal .room-schedule-loading {
    position: fixed
}

.room-datatable {
    background: #fff;
    border: 1px solid #ddd
}

.room-datatable .sham-tab li.title {
    border-width: 0 0 1px 0
}

.roominfo-view .galleryful-error {
    background: none repeat scroll 0 0 #ff6969;
    border-radius: 4px;
    bottom: -11px;
    color: #fff;
    display: none;
    font-size: 11px;
    opacity: .8;
    padding: 0 3px;
    position: absolute;
    z-index: 50;
    left: 120px
}

.room-view.fc-global .fc-toolbar .fc-right {
    float: left;
    margin-right: 11px
}

.room-view.fc-global .fc-toolbar .fc-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.room-mainview-options {
    float: right;
    line-height: 30px
}

.room-mainview-options>* {
    float: left
}

.room-mainview-options .options-marks {
    margin-right: 20px
}

.room-mainview-options .options-marks .item i {
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: #65c7d5;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.room-mainview-options .options-marks .item.mine i {
    background: #fcbc33
}

.room-mainview-options .options-marks .item {
    margin-left: 9px;
    font-size: 12px
}

.room-view.fc-global button {
    height: 30px;
    line-height: 28px
}

.room-view.fc-global .fc-button-group button {
    padding: 0 16px
}

.room-view.fc-global .fc-center .fc-button {
    background: 0;
    border: 0;
    padding: 0 10px
}

.room-view.fc-global .fc-center .fc-button:hover {
    background: #e6e6e6;
    color: #2dc3e8
}

.room-count-hint {
    font-size: 12px;
    color: #999;
    margin-left: 5px
}

.room-view .fc-resource-area i.count {
    font-size: 12px;
    color: #999;
    font-style: normal
}

.room-view.fc-global .fc-body .fc-resource-area .fc-cell-content {
    margin-right: 30px;
    text-overflow: ellipsis
}

.room-mark-video {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 12px;
    color: #999
}

.room-view.fc-global .fc-timeline .fc-head .fc-cell-content {
    padding-top: 5px;
    padding-bottom: 5px
}

.room-view.fc-global .fc-resource-area .fc-cell-content {
    padding-left: 7px;
    padding-right: 7px
}